📚 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
6 sections · 32 lessons · 65 hrs
01HTML5 Foundations
6 lessons · 4h 00m▾
📄
How the Web Works — Browsers & ServersLesson
FREE
📄
HTML Document Structure & BoilerplateLesson
FREE
📄
Headings, Paragraphs, Lists & LinksLesson
FREE
📄
HTML Forms & All Input TypesLesson
📄
Semantic HTML5 — header, nav, main, footerLesson
🛠️
Project 1 — Personal Portfolio in HTMLProject
02CSS3 Styling & Layout
7 lessons · 6h 00m▾
📄
CSS Selectors, Specificity & the CascadeLesson
📄
Box Model — margin, padding, borderLesson
📄
Flexbox Layout — Complete GuideLesson
📄
CSS Grid — 2D Layout PowerLesson
📄
Responsive Design & Media QueriesLesson
📄
CSS Variables & AnimationsLesson
🛠️
Project 2 — Responsive Landing PageProject
03JavaScript — Core to ES6+
6 lessons · 8h 00m▾
📄
Variables, Data Types & OperatorsLesson
📄
Functions — Declaration, Expression, ArrowLesson
📄
Arrays — map, filter, reduceLesson
📄
DOM Manipulation & EventsLesson
📄
Fetch API & Async/AwaitLesson
🛠️
Project 3 — Interactive Quiz AppProject
04React.js — Modern Frontend
4 lessons · 10h 00m▾
📄
Components, JSX & PropsLesson
📄
useState & useEffect HooksLesson
📄
React Router v6 & NavigationLesson
🛠️
Project 4 — Full React Course PlatformProject
05Node.js & Express — Backend APIs
5 lessons · 8h 00m▾
📄
Node.js Intro — Running JS on ServerLesson
📄
Express REST API — CRUDLesson
📄
MongoDB & MongooseLesson
📄
JWT Authentication & MiddlewareLesson
🛠️
Project 5 — Full REST API with AuthProject
06Deployment & Final Projects
4 lessons · 4h 00m▾
📄
Git & GitHub — Version ControlLesson
📄
Deploy Frontend to VercelLesson
📄
Deploy Backend to RailwayLesson
🛠️
Final Project — Full MERN AppProject