Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

কমপ্লিট ফুল-স্টাক ওয়েব ডেভেলপমেন্ট কোর্স-2026

Name: কমপ্লিট ফুল-স্টাক ওয়েব ডেভেলপমেন্ট কোর্স-2026
Rating: 4.4 (425 reviews)

MERN স্ট্যাক দিয়ে একটি ই-কমার্স প্রজেক্ট সহ, Redux, MongoDB, Mongoose, TypeScript ও Next Js মত লেটেস্ট টেকনোলজি তো থাকছে

Highest Rated

Created byMd Al Mamun

Last updated 1/2026

Bangla

What you'll learn

React, Tailwind Css, Redux, Node js, Express js, MongoDB এবং Mongoose ব্যবহার করে একটি সম্পূর্ণ ই-কমার্স ওয়েবসাইট তৈরি করা শিখুন
ই-কমার্স ক্যাটাগরি ফিল্টারিং, শপিং কার্ট ক্যালকুলেশন, এবং পেমেন্ট ইন্টিগ্রেশনের মতো ফিচার গুলো ইম্পিমেন্ট হবে
ইউজার ও অ্যাডমিন ড্যাশবোর্ড, অর্ডার ট্র্যাকিং, প্রোডাক্ট ম্যানেজমেন্ট এবং ইউজার অ্যাডমিনিস্ট্রেশনের মতো কার্যকারিতাসহ ড্যাশবোর্ড তৈরি করতে পারবেন
JWT অথেনটিকেশন, পাসওয়ার্ড হ্যাশিং, এবং মিডলওয়্যার ইন্টিগ্রেশন দিয়ে আপনার অ্যাপ্লিকেশনকে সুরক্ষিত কিভাবে করতে হয়।
সবশেষে ডিপ্লয়মেন্ট রেডি করে, আমরা আমাদের সাইটি ডিপ্লয় করা দেখবো।
একটি সিঙ্গেল ই-কমার্স ভেন্ডর, এডমিন ওয়েব সাইটে প্রোডাক্ট আপলোড করতে পারবে, (ইমেজ আপলোড করা যাবে), প্রোডাক্ট ম্যানেজও করতে পারবে, সর্বপরি সব অথরিটিটিভ টাস্ক
কোর্সের HTML, CSS থেকে শুরু করে, ধাপে ধাপে JavaScipt, React Js, Redux, RTK Query Toolkit, Tailwind Css, MongoDB and Mongoose দিয়ে MERN Stack E-commerce
MERN Stack সহ Next Js, TypeScript, shadcn সহ লেটেস্ট টেকনোলজি নিয়ে রেগুলার কন্টেন্ট আপডেড হবে।

Course content

22 sections • 760 lectures • 195h 31m total length

What will We Cover?1:51
Essential Tools Every Developer2:38
How to Install VS Code3:34
How to install Node.js2:35
How to Install Git on Windows3:21
From Idea to Launch: Web Development Project Walkthrough2:33

HTML Crash Course এর কি কি থাকছে?1:52
Introduction to HTML2:23
Create Your First HTML document10:19
Basic Structure of an HTML Document12:49
Common HTML Tags29:29
Creating Links and Lists24:39
Text Formatting Elements21:20
Working with Quotes and Code19:27
Adding Images20:12
Embadding Audio and Video15:42
Creating Tables with Layout, Rowspan and Colspan26:07
Styling and Structuring Tables38:01
Introduction to HTML Forms28:03
Advanced Form Elements28:05
Semantic HTML Elements28:17
Structuring Webpages with Semantic HTML17:36
Adding Metadata to HTML18:41
Basic SEO Practices for HTML31:26
Best Practices for Writing HTML30:04
Final Project: Make a Multi-section Portfolio Website43:34
HTML5 New Features (Bonus)20:23
All Source Code and Solution of HTML Module0:04

CSS Crash Course কি কি থাকছে?2:19
Introduction to CSS0:56
Difference between inline, internal, and external CSS19:14
CSS Syntax and Selectors37:40
Colors and Backgrounds51:05
Text Styling and Fonts35:10
The Box Model20:53
Width, Height, and Overflow33:10
CSS Layout with Display32:06
Positioning Elements31:20
CSS Flexbox53:17
Flexbox Practical Project: Responsive Product Cards41:19
Mastering CSS Grid Layout1:01:05
Working with Links and Lists24:11
CSS Borders Type and Styling18:12
CSS Transitions and Animations26:58
Pseudo-Classes and Pseudo-Elements37:36
Responsive Design with Media Queries37:37
Working with Units in CSS33:09
CSS Variables (Custom Properties)15:48
Source code

Sakola Project Intro5:51
How to Setup Project11:07
Design and Project Analysis6:27
How to Use Google Fonta and CSS Variables17:11
Create Header Section14:51
How to Styling Header18:31
Make Hero Section Part-115:20
Make Hero Section Part-215:53
Make Hero Section Part-315:58
About Section10:14
Styling the About Section15:31
Design the School Section8:02
Working with Studing Section17:35
Newsletter Section8:41
Footer Section18:01
Smooth Scrolling to Different Sections4:31
How to Make Website Mobile Responsive (using Media Queries) part-116:30
How to Make Website Mobile Responsive (using Media Queries) part-215:13
Make Responsive for the Tablet and Laptop Devices24:42
How to Deploy Your Website on Netlify5:42
Download Source Code of Sakola Landing Page0:02

JavaScript Essentials Course কি কি থাকছে?2:24
Introduction to JavaScript1:10
Setup Development Environment and Run Code on Browser Console8:47
Embedding JavaScript in HTML, Run Code using Code Runner Extentions8:46
Statements and Comments in JavaScript12:19
Variables and Constants15:45
Data Types in JS (strings, numbers, booleans, undefined, null) part 116:14
Data Types in JS (strings, numbers, booleans, undefined, null) part 218:59
Basic Operators: Arithmetic Operators22:55
Basic Operators: Assignment Operators12:29
Basic Operators: Comparison Operators21:02
Declaring strings and string literals21:05
String methods: length, toUpperCase(), toLowerCase(), slice(), substring(), etc.23:08
Template literals and string interpolation8:39
Basic number operations: addition, subtraction, multiplication, division19:46
Using Math object for complex operations: Math.round(), Math.random(), Math.max(21:34
Number methods: toFixed(), parseInt(), parseFloat()26:26
Primitive Data Types and Non-Primitive Data Types29:24
Boolean values: true and false8:16
Conditional statements: if, else if, else18:28
Logical operators (&&, ||, !) in details22:18
Practical Example of Logical Operators (AND, OR and NOT)7:46
Basic Functions in JavaScript11:54
Parameters, Arguments and return values of Function7:08
How to Work with Arrow functions6:06
Function Expressions, Anonymous Functions and Callbacks8:59
Arrays in JavaScript: Creating and accessing arrays15:23
Array methods: push(), pop(), shift(), unshift()17:35
Iterating over arrays using for loops and forEach()18:58
Combining, slicing, and joining arrays: concat(), slice(), join()17:29
Introduction to JavaScript Object16:33
Creating Objects with Properties and Methods12:45
Accessing and Modifying Object Properties10:12
Using this Keyword Inside Methods5:55
Practical Project: Create a Calculator Object and Apply Properties & Methods8:04
Introduction to Loops in JavaScript (`for` loop, `while` loop, `do...while`)25:12
Looping through arrays using `for` and `for...of`10:08
Controlling Loops with break and continue with Practical Project15:02
Source code for this module0:01

Working with Dates and Time in JavaScript8:54
Getting and Setting Dates and Times9:45
Formatting dates and times using toLocaleDateString(), toLocaleTimeString()13:48
JavaScript Event Handling: (click event)15:21
JavaScript Event Handling: (hover event)10:15
Handling Keyboard Events (keydown and keyup)8:08
Adding Event Listeners to Elements: addEventListener()12:48
Event Object: event.target, event.type, preventDefault() with practical project16:17
What is the DOM (Document Object Model)?20:23
Selecting elements: getElementById(), querySelector(), querySelectorAll()24:49
Modifying element content: textContent, innerHTML, style19:33
Adding and removing elements dynamically with JavaScript19:56
Forms and Input Handling in JavaScript17:29
Handling Input and Form Validation25:03
Form Submission with preventDefault() [practical feedback form]18:10
Practical Project: Create a "Contact Us" Form with Validation46:27
Advanced Array Methods (Map, Filter, Reduce)26:49
Using find() and some() methods for advanced searches16:16
Practical examples of Managing Shopping Cart Calculation (E-commerce cart)18:35
Practical Examples of Filtering and Transforming User Data6:52
Understanding JavaScript Object Notation (JSON)18:14
Converting JavaScript Objects to JSON Using JSON.stringify()9:35
Parsing JSON Strings Back into Objects with JSON.parse()4:13
Error Handling in JavaScript (Syntax, Runtime & Logical Errors)9:01
Handle Errors using try, catch, and finally14:38
Throwing custom errors with throw9:05
Debugging JavaScript code with Practical (To-Do List App)29:19
Web Storage API: Storing and retrieving data with localStorage (with Practical)56:49
Introduction to Asynchronous JavaScript27:22
Understanding Promises in JavaScript: resolve, reject15:21
Using .then(), .catch(), and .finally() with Promises7:56
Easy Explanation of async and wait17:42
Practical Example of Data Fetching using JSONPlaceholder API6:29
Introduction to ES6+ Syntax: let, const, Arrow Functions12:34
Destructuring Arrays and Objects in JavaScript17:34
Uses of Spread and Rest Operators11:31
Default Function Parameters9:09
Practical Project: A "Shopping Cart" Demo Using ES6+ Features.13:10
JavaScript Modules: How export, default export and import works14:08
Source code of this JavaScript Essentials (Advanced) Module0:04

Taiwlind CSS v4 Crash Course2:06
How to Quick Setup Tailwind CSS8:54
Install Tailwind CSS using CLI tool (optional video)14:28
Tailwind CLI Build Process Magic Script Command8:26
Tailwind CSS Syntax Overview42:53
Applying Text, Background, and Border Colors11:20
Tailwind’s Color Palette and Customizing Colors16:41
Font sizing with text-{size} utilities6:14
Customizing Font Family, Font Weight, Line Height, and Letter Spacing16:09
Aligning and transforming text using text-left, text-right, uppercase, etc.5:51
Spacing Utilities (Margin and Padding)14:52
Applying Borders, Rounded Corners, and Shadow20:13
Responsive Layout Control with Flexbox12:40
Practical Example of Flex Box (Design Product Cards)22:34
Grid Layout with Tailwind CSS26:02
Sizing and Aspect Ratio22:01
Mobile-First Responsive Design Approach12:48
Pseudo-Class Variants in Tailwind11:35
Positioning and Controlling the Stacking Order with z-index14:41
Working with Images and Backgrounds20:49
Animation and Transitions13:25
Download Source Code0:02

Doctor Care - HTML, CSS, & JavaScript Project5:02
Project setup10:59
Project customization20:20
Navbar section25:43
Hero section20:10
Stats section10:36
Services section23:16
About section8:35
Contact section5:18
Footer section7:50
Apply Smoth Scrolling Effect3:39
Mobile Nav Menu design16:55
Navbar Functionality using JavaScript23:13
Animation A to Z (using keyframes and aslo js package)16:48
Deploy your First Project on Vercel2:41
Full project code is given at the "Project Customization" lesson of this module.

Introduction to React5:20
Create a New React Project Using Vite13:26
Explanation of the Default file and Folder structure19:28
Before You Get Started8:28
Create A Functional and Nesting Components23:43
Writing markup with JSX and Adding styles9:12
How to Install Tailwind CSS on Your React Project13:02
Displaying Data16:01
Conditional Rendering15:56
Rendering Lists12:10
Responding to events6:22
Updating the Screen based on Click Event9:27
Sharing Data between Components using Props12:37
Project: Create a Counter App Using React and Tailwind CSS28:50
Project: Team Members List App36:23
State Management with useState in React21:54
Project: Interactive Product List with "Add to Cart" Functionality29:18
Handling Lists and Keys in React9:45
Project: Dynamic Todo List App29:23
Make a React and Tailwind CSS Template for Reusing Multiple Times7:36
Handling Form Submissions and Validation part-0126:22
Handling Form Submissions and Validation part-0220:11
Lifting State Up: Share states between sibling components26:54
Project: Build a Temperature Converter using Lifting State Up concept29:53
Component Lifecycle with useEffect20:21
Project: Build a Timer App with Start/Stop Functionality18:12
Project: Listening to Window Resize Events (using Subscriptions with useEffect)10:26
Working with APIs (Data Fetching) with the Meal DB project35:42
What is Single Page Applications(SPAs)?4:22
React Router Basics20:50
Implement Nested Routing20:21
Apply Active Color to the NavLinks8:34
Create Multiple Layout using React Router (Dashboard Layout, Projects, and more)40:40
Dynamic Route Segment (:id) by Building A Blog Project46:38
Optional Route Segments in React Router (with Practical Example)30:25
Splats or Catch All Routes (*) in React Router with a project (File Explorer)12:32
useNavigate Hooks of React Router17:48
Project: Blog Search Functionality using URL Search Params18:24
End of React Router1:23

Introduction to Firebase Authentication1:32
Create a React Project using VITE and Tailwind CSS7:35
Setting Up Firebase in a React Project8:16
Sign up new users using Email/Password30:43
Sign in Existing Users using Email/Password11:46
Sign Out/Log Out Functionality9:47
Set an authentication state observer and get user data13:31
Redesign the Login Page for Social Login (Google, Facebook, Github)10:00
How to Add Google Authentication8:31
Integrate Facebook Authentication System18:26
Work with Github Authenctication10:42
Create an AuthContext, AuthProvider to Manage Current User state34:28
Protecting Routes using Private Route10:19
Get a user's profile and Display on Profile Page16:02
Update a user's profile32:22
Send Verification Email to User10:51
How to Reset or Update Old Password29:53
Send a Password Reset Email17:08
Send Sign-In Link to Email (Passwordless Authentication)32:37
Source code for Firebase Concept0:01
Final Project: WebCode Agency Website using React, Tailwind CSS & Firebase11:30

Requirements

ব্যাসিক কম্পিউটার স্কিল থাকতে হবে
একটা স্টেবল ইন্টারনেট সংযোগ থাকতে হবে
একটা কম্পিউটার বা ল্যাপটপ থাকতে হবে।

Description

MERN স্ট্যাক (MongoDB, Express js, React, Node js) ব্যবহার করে গ্রাউন্ড আপ থেকে একটি সম্পূর্ণ ই-কমার্স ওয়েবসাইট তৈরি করে ফুল-স্ট্যাক ডেভেলপমেন্ট শিখুন। এই কোর্সটি আপনাকে একটি কমপ্লিট Ecommerce Website তৈরির প্রতিটি ধাপে কি কি করতে হয়, ক্যাটাগরি ফিল্টারিং, শপিং কার্ট, পেমেন্ট ইন্টিগ্রেশন, কিভাবে কাস্টমারদের থেকে পেমেন্ট রিসিভ করবেন এবং অর্ডার ট্র্যাকিং কিভাবে করা যায় সেটা শেখানো হবে।

এছাড়াও কোর্সের HTML, CSS থেকে শুরু করে, ধাপে ধাপে JavaScipt, React Js, Redux, RTK Query Toolkit, Tailwind Css, MongoDB and Mongoose দিয়ে MERN Stack E-commerce প্রোজেক্ট দেখানো হবে।

মার্ন স্টাক শেষ করে, Next Js, TypeScript, shadcn সহ লেটেস্ট টেকনোলজি নিয়ে রেগুলার কন্টেন্ট আপডেড হবে।

ব্যবহার করা টেকনোলজিসমূহ:

Frontend: HTML, CSS, Javascript, React, Tailwind CSS, Redux toolkit, Framer Motion, and Firebase
Backend: Node js, Express js, Mongodb, Mongoose, Building RESTful APIs, JWT Authentication, Access and Refresh token, Web Security, Zod Validation, and Jest unit testing etc.
Full-stack: Next js, TypeScript, Shadcn ui, Next Auth, Clerk, Redis caching, Webhooks সহ নতুন নতুন টেকনোলজি with Full-Stack projects
Version Controlling: Git & Github
Deployment: Vercel, Render, Netlify

মূল বৈশিষ্ট্যসমূহঃ

React, Tailwind Css, Redux, Node js, Express js, MongoDB এবং Mongoose ব্যবহার করে একটি সম্পূর্ণ ই-কমার্স ওয়েবসাইট তৈরি করা শিখুন।
ই-কমার্স ক্যাটাগরি ফিল্টারিং, শপিং কার্ট ক্যালকুলেশন, এবং পেমেন্ট ইন্টিগ্রেশনের মতো ফিচারগুলো ইম্পিমেন্ট করা হবে
ইউজার ও অ্যাডমিন ড্যাশবোর্ড, অর্ডার ট্র্যাকিং, প্রোডাক্ট ম্যানেজমেন্ট এবং ইউজার অ্যাডমিনিস্ট্রেশনের মতো কার্যকারিতাসহ ড্যাশবোর্ড তৈরি করতে পারবেন।
JWT অথেনটিকেশন, পাসওয়ার্ড হ্যাশিং, এবং মিডলওয়্যার ইন্টিগ্রেশন দিয়ে আপনার অ্যাপ্লিকেশনকে সুরক্ষিত কিভাবে করতে হয়।
শেষে ডিপ্লয়মেন্ট রেডি করে, আমরা আমাদের সাইটি কিভাবে ডিপ্লয় করতে হবে সেটা শিখবো।
এটি একটি সিঙ্গেল ই-কমার্স ভেন্ডর, এডমিন ওয়েব সাইটে প্রোডাক্ট আপলোড করতে পারবে, (ইমেজ আপলোড করা যাবে), প্রোডাক্ট ম্যানেজও করতে পারবে, সর্বপরি সব অথরিটিটিভ টাস্ক করতে পারবে।

কিছু গুরুত্বপূর্ণ বিষয়:

টোটাল 40+ টা প্রোজেক্ট করানো হবে, যার উপর ভিত্তি করে আপনি RESUME তৈরি করতে পারবেন। এবং একটা প্রজেক্ট দেখে অনুরূপ একটি প্রজেক্ট নিজে করতে হবে। তাহলে ভাল শিখবেন।
কোর্সটি প্রজেক্ট বেইসড হবে, আপনি প্রজেক্ট করতে করতে শিখতে পারবেন

Who this course is for:

যারা Beginners, একদম ZERO knowledge থেকে শুরু করতে চান, তারা এই কোর্সে জয়েন করতে পারবেন
যারা HTML, CSS মোটামুটি জানেন, কিন্তু JavaScript এ এসে আটকে গিয়েছেন, বুঝতে পারছেন না, কি করবেন, কিভাবে আগাবেন? তারা নির্ভয়ে ইনরোল করুন
যারা React Js দিয়ে কিছু অসাধারণ প্রাক্টিকাল প্রজেক্ট করতে চান
HTML, CSS থেকে শুরু করে, ধাপে ধাপে JavaScipt, React Js, Redux, RTK Query Toolkit, Tailwind Css, MongoDB and Mongoose দিয়ে MERN Stack E-commerce প্রোজেক্ট দেখানো হবে। মার্ন স্টাক শেষ করে, Next Js, TypeScript, shadcn সহ লেটেস্ট টেকনোলজি নিয়ে রেগুলার কন্টেন্ট আপডেড হবে।

কমপ্লিট ফুল-স্টাক ওয়েব ডেভেলপমেন্ট কোর্স-2026

What you'll learn

Explore related topics

Course content

কোর্স পরিচিতি6 lectures • 17min

Get Started with HTML22 lectures • 7hr 49min

CSS Crash Course21 lectures • 10hr 13min

HTML CSS Final Project: Sakola Responsive Landing Page Design21 lectures • 4hr 26min

JavaScript Essentials (Basic)39 lectures • 9hr 15min

JavaScript Essentials (Advanced)40 lectures • 11hr

Learn Tailwind CSS (updating new Tailwind CSS v4.0)22 lectures • 5hr 25min

HTML, Tailwind CSS, JavaScript ক্রাস কোর্স প্রজেক্ট15 lectures • 3hr 21min

React Js: Basic to Advanced Course39 lectures • 12hr 18min

React II: Firebase Authentication System & Protecting Routes21 lectures • 5hr 26min

Requirements

Description

Who this course is for: