Progsity
CoursesLearnFreePlaygroundOnline JudgeContestsQuiz & Exams
Log inFree শুরু করুন
Progsity

Code your future, today!

ঠিকানা: 128/2 East Tejturi Bazar, Tejgaon
Dhaka 1215, Bangladesh

ফোন: +880 1844-287496

ইমেইল: support@progsity.io

Platform

  • Courses
  • Quiz & Exams
  • Road to FAANG
  • Programs
  • Online Judge
  • Contests
  • ফ্রি contest host করুন
  • Playground
  • প্রশ্নোত্তর

Format

  • Live course
  • Recorded course
  • Bootcamp
  • প্রতিষ্ঠানের জন্য training

Community

  • Ambassador program
  • Events

Company

  • আমাদের সম্পর্কে
  • যোগাযোগ
  • প্রতিষ্ঠানের জন্য
  • নীতিমালা
অনলাইন কম্পাইলারCC++Python 3JavaJavaScript (Node.js)TypeScriptGoRustPHPRuby

© 2026 BWJ Tech Ltd. সর্বস্বত্ব সংরক্ষিত।

Progsity হলো BWJ Tech Ltd. এর একটি product, বাংলাদেশে নিবন্ধিত company (Reg. No. C-209121/2026)।

HomeCoursesDevelopmentMERN, Next.js ও AI দিয়ে Full-Stack Web D…
DevelopmentLive + recordedAll Levels

MERN, Next.js ও AI দিয়ে Full-Stack Web Development

শূন্য থেকে full-stack development শিখুন এবং MERN, Next.js, TypeScript, AI workflow, GitHub, CI/CD ও deployment ব্যবহার করে real production-style product তৈরি করুন। এটা vibe coding course না, এটা serious learners-দের জন্য structured product engineering journey।

৬টি প্রজেক্টBangla + English
Live + Recorded
Real Projects
Hands-on Coding
AI Workflow
Full-Stack Web Development with MERN, Next.js & AI

This course includes:

  • Lifetime access
  • Access on mobile
  • Certificate of completion

স্ট্রাকচার

শেখার যাত্রা

  1. কোরFoundationWeek 1

    Orientation & Developer Setup

    Understand the roadmap and set up your development environment, Git workflow, and responsible AI usage.

    Course roadmapHow the web worksDeveloper mindsetVS Code setupNode.js setupGit and GitHub setupBrowser DevToolsHow to use AI responsibly

    Setup checklist, first repository, GitHub profile, and a basic developer workflow.

স্ট্যাক

টুলস ও টেকনোলজি

JavaScriptল্যাঙ্গুয়েজ
TypeScriptল্যাঙ্গুয়েজ

প্রজেক্ট

যে প্রজেক্টগুলো তৈরি করবেন

মিনি প্রজেক্টবিগিনার

Personal Developer Portfolio

Build and deploy a responsive personal portfolio with project sections, a contact area, and a clean professional presentation.

HTMLCSSJavaScriptGitHubVercel
মিনি প্রজেক্টবিগিনার

Responsive Product Landing Page

Create a polished landing page with a hero section, feature cards, pricing section, FAQ, and a conversion-focused layout.

প্র্যাকটিস

প্র্যাকটিস ও অ্যাসেসমেন্ট

80+কোডিং প্রবলেম
25+অ্যাসাইনমেন্ট
20+কুইজ

যা থাকছে

কী কী থাকছে

  • Live structured classes

    Guided sessions covering core concepts, implementation, and best practices in a clear progression.

  • Class recordings

    Access to session recordings for revision, catch-up, and structured self-paced review.

  • Code samples and learning materials

প্র্যাকটিস

প্র্যাকটিসটা আসলে হয় যেখানে

লেসন দেখাটা সহজ অংশ। তিন মাস পরেও তুমি প্রবলেম সলভ করছ কিনা, সেটা ঠিক করে দেয় এই দুইটা জিনিস।

Progsity Playground-এ ব্রাউজারেই একটা C প্রোগ্রাম চলছে, বাঁ পাশে কোড এডিটর, ডান পাশে আউটপুট প্যানেলে Hello, World! আর Accepted ভার্ডিক্ট।
নিজে চালিয়ে দেখো

Progsity Playground

ব্রাউজারেই C আর C++ চালাতে পারবে, একপাশে এডিটর, আরেক পাশে আউটপুট আর ইনপুট। কিছু ইনস্টল করা লাগে না, তাই কোনো আইডিয়া পরখ করতে কম্পাইলার বসানোর অপেক্ষা করতে হয় না।

Achievements পেজ, লেভেল ও XP-র অগ্রগতি, বর্তমান আর সেরা স্ট্রিক, এবং ব্যাজ কালেকশন।
নব্বই দিনের অ্যাক্টিভিটি ক্যালেন্ডার, যেখানে গাঢ় ঘর মানে সেদিন বেশি XP, আর নিচে সাপ্তাহিক লিডারবোর্ড।

সাপোর্ট

লার্নিং সাপোর্ট

Private learner community

Throughout the course

A shared space for course discussions, updates, and peer learning throughout the program.

Doubt Solving Sessions

Weekly

Scheduled sessions to ask questions, clarify concepts, and resolve blockers from the lessons and projects.

সার্টিফিকেট

সার্টিফিকেট ও ক্যারিয়ার আউটকাম

কমপ্লিশন সার্টিফিকেট

কোর্স সম্পন্ন করলে সার্টিফিকেট প্রদান করা হবে

কমপ্লিশন সার্টিফিকেট

Certificate of completion for learners who finish the full-stack development curriculum and complete the required practical work.

ক্যারিয়ার রোলস

Junior Full-Stack DeveloperFrontend DeveloperBackend DeveloperReact DeveloperNext.js DeveloperJavaScript DeveloperWeb Application Developer

বিস্তারিত

কোর্স সম্পর্কে

এই কোর্সে কী থাকবে, শেখার পথ কীভাবে সাজানো, আর শেষে কী outcome আশা করা যায় তার একটি structured overview.

⚠️ এটা কোনো VIBE CODING কোর্স নয়, বরং কমপ্লিট Development Course + AI

অনেক learner tutorial-এর অভাবে fail করে না। তারা fail করে কারণ তাদের clear roadmap, real project discipline, code review, deployment experience এবং product কীভাবে build হয় সেটার practical understanding থাকে না।

Full-Stack Product Engineering with MERN, Next.js & AI কোর্সটি এমনভাবে designed, যাতে একজন learner web development fundamentals থেকে শুরু করে production-style full-stack application build করতে পারে। এখানে HTML, CSS, JavaScript, React, TypeScript, Node.js, MongoDB, backend architecture, Next.js, authentication, role-based access, GitHub workflow, deployment, CI/CD এবং practical AI-assisted development শেখানো হবে।

এটা vibe coding course না। AI এখানে development assistant হিসেবে ব্যবহার করা হবে: debugging, planning, refactoring, documentation, testing এবং AI-powered feature build করার জন্য। কিন্তু fundamentals, architecture, code understanding এবং real project shipping, এগুলো learner নিজেই শিখবে।

কোর্স শেষে learner Mini Progsity নামে একটি production-style LMS capstone project build করবে, যেখানে course catalog, authentication, admin dashboard, enrollment flow, lesson access, progress tracking এবং deployment থাকবে।

উপযোগিতা

কার জন্য ও কী লাগবে

এনরোল করার আগে দ্রুত দেখে নিন: কী জানা থাকলে ভালো হবে, আর কারা এই কোর্স থেকে সবচেয়ে বেশি ভ্যালু পাবে।

পূর্বশর্ত

যা লাগবে

  • No prior professional programming experience is required
  • Basic computer operation skill is required
  • A laptop or desktop computer is strongly recommended

এনরোল

শেখা শুরু করতে প্রস্তুত?

MERN, Next.js ও AI দিয়ে Full-Stack Web Development

শুরু ৳6,999 থেকে

৳6,999

Deployment Practice
  • কোরWeb BasicsWeeks 2-4

    Web Foundations

    Build responsive, accessible web pages using HTML, CSS, Flexbox, Grid, and modern layout principles.

    HTML5CSS3Semantic layoutFlexboxCSS GridResponsive designFormsAccessibility basics

    Build landing page sections, forms, and responsive layouts with structured exercises.

  • কোরProgrammingWeeks 5-7

    JavaScript Fundamentals

    Use programming logic, DOM manipulation, and browser events to create interactive frontend features.

    VariablesConditionsLoopsFunctionsArraysObjectsDOMEventsLocal storageES6 basics

    Solve small problems and build interactive browser projects with JavaScript.

  • কোরAPI ReadyWeeks 8-10

    Modern JavaScript & API Integration

    Work with asynchronous JavaScript, APIs, errors, modules, and real data-driven frontend applications.

    PromisesAsync/awaitFetch APIError handlingModulesAPI integrationDebugging

    Build API-based projects and learn how to debug real JavaScript issues.

  • প্রজেক্টProject BuildWeeks 11-12

    Frontend Project Sprint

    Turn frontend and API skills into a polished application with reusable components and clean state handling.

    Component structureState management basicsForms and validationSearch and filteringLoading and error statesReusable UI patterns

    Build a production-style frontend project with guided milestones and review checkpoints.

  • কোরGitHub FirstWeek 13

    Git, GitHub & Collaboration Workflow

    Use Git and GitHub professionally to manage code, submit projects, write README files, and collaborate through branches and pull requests.

    Git basicsCommitsBranchesPull requestsIssuesREADME writingProject submission

    Every major project will be submitted through GitHub with README, screenshots, and live links.

  • কোরReact CoreWeeks 14-15

    React & TypeScript Foundations

    Build component-based interfaces with React and write safer code using TypeScript.

    React componentsProps and stateHooksTypeScript typesComponent compositionConditional renderingLists and forms

    Rebuild earlier interfaces in React and add typed data flow step by step.

  • অ্যাসেসমেন্টCheckpointWeek 16

    Code Review & Progress Check

    Identify gaps in frontend logic, React patterns, and code quality before moving to backend work.

    Debugging reviewCode organizationReact fundamentals checkTypeScript basics checkProblem-solving review

    Complete a structured assessment, fix issues, and review solutions against clear criteria.

  • কোরBackend CoreWeeks 17-22

    Backend Development with Node, Express & MongoDB

    Build server-side APIs, connect databases, and structure backend logic for real applications.

    Node.jsExpress.jsREST APIsMongoDB, MongooseCRUD operationsZod ValidationMiddlewareEnvironment variablesError HandlingFilteringPagination

    Create backend endpoints, connect MongoDB, and test API flows with structured exercises.

  • কোরSecurityWeeks 23-24

    Authentication, RBAC & Secure APIs

    Implement authentication, protected routes, refresh token concepts, role-based access control, and practical API security.

    Password hashingJWTRefresh token conceptProtected routesRBACRate limitingCORSSecurity checklist

    Build a secure auth flow with user roles, protected API routes, and frontend route guards.

  • প্রজেক্টFull StackWeeks 25-30

    Full-Stack MERN Project

    Connect frontend, backend, database, authentication, admin panel, and user dashboard into complete full-stack products.

    MERN architectureFrontend-backend integrationAdmin dashboardAPI consumptionError handlingDeployment readiness

    Build complete MERN products with auth, admin dashboard, payment flow concept, and deployment preparation.

  • কোরNext.jsWeeks 31-34

    Next.js Product Development

    Build SEO-friendly and production-ready applications using Next.js App Router, dynamic routes, metadata, server components, and deployment.

    Next.js App RouterServer componentsClient componentsMetadataSEOImage optimizationDeployment

    Build a Next.js blog, course landing page, and product-style web application.

  • কোরAI WorkflowWeeks 35-37

    AI-Assisted Product Engineering

    Use AI as a serious development assistant for planning, debugging, refactoring, documentation, testing, and building practical AI-powered features.

    AI promptingDebugging with AIRefactoringDocumentationTest generationOpenAI APIAI chatbotCode review

    Build AI-powered features and learn how to review AI-generated code safely.

  • কোরDeploymentWeeks 38-42

    DevOps, Deployment & CI/CD

    Deploy full-stack applications using Vercel, DigitalOcean, Docker, Nginx, SSL, environment variables, and GitHub Actions CI/CD.

    VercelDigitalOceanDockerDocker ComposeNginxSSLEnvironment variablesGitHub ActionsYAML workflowCI/CD

    Deploy frontend and backend projects with production-style documentation and deployment checklist.

  • কোরCapstoneWeeks 43-49

    Mini Progsity LMS Capstone

    Build a production-style LMS capstone with course catalog, authentication, admin dashboard, enrollment flow, lesson access, progress tracking, and deployment.

    LMS architectureCourse catalogAuthenticationAdmin dashboardEnrollment flowLesson accessProgress trackingAI support featureDeploymentFinal presentation

    Plan, build, deploy, document, and present your final full-stack capstone project.

  • বোনাসPortfolioWeeks 50-52

    Career, System Design & Open Source

    Prepare your GitHub portfolio, resume, LinkedIn profile, project explanation, system design basics, mock interview, and open-source contribution plan.

    ResumeLinkedInGitHub portfolioProject presentationMock interviewSystem design basicsOpen sourceFinal viva

    Present your final project, improve your portfolio, and practice explaining your work clearly.

  • Reactফ্রেমওয়ার্ক
    Next.jsফ্রেমওয়ার্ক
    Node.jsপ্ল্যাটফর্ম
    Express.jsফ্রেমওয়ার্ক
    MongoDBডেটাবেস
    Gitটুল
    GitHubপ্ল্যাটফর্ম
    Dockerটুল
    CI/CDটুল
    OpenAI APIটুল
    HTMLCSSTailwind CSSJavaScript
    মিনি প্রজেক্টবিগিনার

    JavaScript Task Manager

    Build a browser-based task manager with DOM manipulation, filtering, local storage, and clear user interaction.

    JavaScriptDOMLocal StorageHTMLCSS
    পোর্টফোলিওইন্টারমিডিয়েট

    React Dashboard with API

    Build a modern dashboard using React, reusable components, API data, loading states, error states, and a responsive layout.

    ReactTypeScriptTailwind CSSAPITanStack Query
    পোর্টফোলিওইন্টারমিডিয়েট

    MERN CRUD Application

    Build a full-stack CRUD application with a React frontend, Node.js backend, MongoDB database, REST API, and deployment.

    ReactNode.jsExpress.jsMongoDBMongooseVercel
    ক্যাপস্টোনঅ্যাডভান্সডক্যাপস্টোন

    Mini Progsity LMS Capstone

    Build a simplified LMS platform with a course catalog, authentication, admin dashboard, enrollment flow, lesson access, progress tracking, an AI support feature, and production deployment.

    ReactNext.jsNode.jsMongoDBTypeScriptJWTDockerGitHub ActionsDigitalOcean
    4+
    কনটেস্ট
    12+লাইভ রিভিউ সেশন
    • Weekly Coding Assignmentsঅ্যাসাইনমেন্ট

      Each module includes hands-on assignments to help learners practice concepts immediately after class.

    • Module-Based Quizzesকুইজ

      Short quizzes help learners check their understanding before moving to the next phase.

    • GitHub Project Reviewরিভিউ সেশন

      Major projects are submitted through GitHub and reviewed based on code quality, structure, README, and deployment.

    • Frontend and Full-Stack Build Challengesকনটেস্ট

      Timed build challenges help learners improve speed, confidence, and practical problem-solving.

    • Final Capstone Vivaরিভিউ সেশন

      Learners present their final capstone, explain architecture, answer technical questions, and receive feedback.

    Curated notes, examples, and supporting materials to help you practice and revisit each topic.

  • Assignment feedback

    Practical tasks with review to help you improve code quality, structure, and implementation.

  • Mentor support

    Support for questions and guidance while you work through the course and projects.

  • Learner community

    A space to discuss concepts, share progress, and stay accountable with other learners.

  • Completion certificate

    Certificate awarded after completing the course requirements.

  • XP, স্ট্রিক, ব্যাজ আর সাপ্তাহিক লিডারবোর্ড

    প্রতিটা লেসন, কুইজ আর সলভ করা প্রবলেম থেকে XP পাবে। XP জমলে লেভেল বাড়ে, আর একে একে খুলে যায় ব্যাজ, মোট ষোলোটা, First Steps থেকে শুরু করে একশো দিনের স্ট্রিক পর্যন্ত। প্রতি সপ্তাহে ব্যাচের বাকিদের সাথে নিজের অবস্থানও দেখতে পাবে।

    Live Class Support

    Scheduled live sessions

    Instructor-led live support during hybrid sessions for guided explanations and practical walkthroughs.

    Project Review Sessions

    At key milestones

    Structured review sessions for feedback on assignments, code quality, and project progress.

    Office hours for Career Engineer Track

    Scheduled

    Dedicated time for learners to discuss learning challenges, project direction, and technical questions.

    Career and portfolio guidance

    Software Engineering Intern
    MERN Stack Developer

    স্কিলস

    HTML, CSS, and responsive UI developmentJavaScript and TypeScript fundamentalsReact component developmentNext.js application structure and routingNode.js and Express API developmentMongoDB data modeling and CRUD operationsREST API design and integrationAuthentication and authorization basicsState management and client-server data flowGit and GitHub workflowCI/CD fundamentalsDeployment and environment configurationAI-assisted development workflowDebugging and code review habitsBuilding production-style full-stack applications

    পোর্টফোলিও আউটকাম

    • A deployed full-stack web application
    • A Next.js-based frontend project
    • A MERN stack API and database-backed application
    • A TypeScript-enabled project
    • A GitHub repository with structured commit history
    • A CI/CD-enabled deployment workflow
    • An AI-assisted development case study
    • A project demo that shows end-to-end product building
    Stable internet connection is required for live classes and project submissions
  • Learners must be willing to practice regularly and submit projects through GitHub
  • Curiosity, discipline, and consistency are more important than previous experience
  • কাদের জন্য

    কার জন্য

    • Absolute beginners who want to start web development with a clear roadmap
    • University students who want to build real projects beyond classroom assignments
    • CSE/SWE/IT students who want to become full-stack developers
    • Learners who tried random YouTube tutorials but could not build complete projects
    • Junior developers who want to improve React, backend, deployment, and project structure
    • Students who want to learn how to use AI tools properly in real development
    • Learners who want a strong GitHub portfolio, deployed projects, and internship preparation
    • Anyone serious about becoming a product-minded full-stack developer in the AI era

    আউটকাম

    যা শিখবেন

    • Build responsive web interfaces with React and Next.js
    • Build responsive websites using HTML, CSS, Tailwind CSS, and modern layout systems
    • Develop REST APIs with Node.js, Express, and MongoDB
    • Master JavaScript fundamentals, ES6+, DOM, async programming, and API integration
    • Integrate AI-assisted workflows into development tasks
    • Manage code with Git and GitHub using team workflows
    • Test and debug full-stack applications with practical methods
    • Deploy web applications with CI/CD and cloud platforms
    • Build reusable frontend applications using React, TypeScript, and modern component architecture
    • Develop production-style APIs using Node.js, Express/Fastify patterns, MongoDB, Mongoose, and Zod validation.