▶
📚 What you'll learn
✓Build HTML5 web pages from scratch
✓Style with CSS3 Flexbox and Grid
✓JavaScript DOM & ES6+
✓React.js components and hooks
✓Node.js and Express REST APIs
✓MongoDB database integration
✓Deploy to Vercel & Railway
✓Build 8 real-world projects
Course Curriculum
01HTML5 Foundations
▾
🎬
How the Web Works — Browsers & ServersVideo · 15:00
FREE
🎬
HTML Document Structure & BoilerplateVideo · 18:00
FREE
🎬
Headings, Paragraphs, Lists & LinksVideo · 20:00
FREE
🎬
HTML Forms & All Input TypesVideo · 25:00
🎬
Semantic HTML5 — header, nav, main, footerVideo · 20:00
🛠️
Project 1 — Personal Portfolio in HTMLProject · 40:00
02CSS3 Styling & Layout
▾
🎬
CSS Selectors, Specificity & the CascadeVideo · 22:00
🎬
Box Model — margin, padding, borderVideo · 18:00
🎬
Flexbox Layout — Complete GuideVideo · 30:00
🎬
CSS Grid — 2D Layout PowerVideo · 28:00
🎬
Responsive Design & Media QueriesVideo · 24:00
🎬
CSS Variables & AnimationsVideo · 22:00
🛠️
Project 2 — Responsive Landing PageProject · 50:00
03JavaScript — Core to ES6+
▾
🎬
Variables, Data Types & OperatorsVideo · 22:00
🎬
Functions — Declaration, Expression, ArrowVideo · 24:00
🎬
Arrays — map, filter, reduceVideo · 28:00
🎬
DOM Manipulation & EventsVideo · 30:00
🎬
Fetch API & Async/AwaitVideo · 28:00
🛠️
Project 3 — Interactive Quiz AppProject · 60:00
04React.js — Modern Frontend
▾
🎬
Components, JSX & PropsVideo · 20:00
🎬
useState & useEffect HooksVideo · 30:00
🎬
React Router v6 & NavigationVideo · 24:00
🛠️
Project 4 — Full React Course PlatformProject · 90:00
05Node.js & Express — Backend APIs
▾
🎬
Node.js Intro — Running JS on ServerVideo · 20:00
🎬
Express REST API — CRUDVideo · 30:00
🎬
MongoDB & MongooseVideo · 35:00
🎬
JWT Authentication & MiddlewareVideo · 35:00
🛠️
Project 5 — Full REST API with AuthProject · 80:00
06Deployment & Final Projects
▾
🎬
Git & GitHub — Version ControlVideo · 20:00
🎬
Deploy Frontend to VercelVideo · 15:00
🎬
Deploy Backend to RailwayVideo · 20:00
🛠️
Final Project — Full MERN AppProject · 120:00