By Shivansh Vasu
A complete A-Z Course from HTML to MERN stack, with projects, quizzes, and real-world challenges.
Start LearningElevate is a 60-day, hands-on, project-based full stack web development course designed to take you from beginner to job-ready developer. Covering everything from HTML, CSS, and Git to advanced React, Node.js, Express, and MongoDB, this course is packed with real-world projects, quizzes, revision tools, and career guidance.
| Done | Revision | Day | Topic | Video |
|---|---|---|---|---|
| 🎯 Phase 1: HTML, CSS & Git (Days 1–10) | ||||
| 1 | Intro to Full Stack Web Dev + Tools Setup | Watch | ||
| 2 | HTML Basics – Tags, Structure, Boilerplate | Watch | ||
| 3 | Forms, Inputs, Semantic HTML, Embedding Media | Watch | ||
| 4 | CSS Basics – Selectors, Colors, Inline/External Styles | Watch | ||
| 5 | Box Model – Margin, Padding, Border | Watch | ||
| 6 | Flexbox - Deep Dive | Watch | ||
| 7 | CSS Grid & Layout Tricks | Watch | ||
| 8 | Responsive Design + Media Queries | Watch | ||
| 9 | Git & GitHub Basics – Repos, Commits, Push | Watch | ||
| 10 | Branching, Merge, Pull Requests (PRs) | Watch | ||
| 💡 Mini Project: Personal Portfolio Website (HTML + CSS) | ||||
| 🧠 Phase 2: JavaScript (Days 11–20) | ||||
| 11 | JS Basics – Variables, Data Types | Watch | ||
| 12 | Operators, Conditionals, Loops | Watch | ||
| 13 | Functions, Scope, Hoisting | Watch | ||
| 14 | Arrays & Array Methods | Watch | ||
| 15 | Objects & Object Methods | Watch | ||
| 16 | DOM Manipulation – Selectors, Events | Watch | ||
| 17 | Forms, Validations, Event Handling | Watch | ||
| 18 | LocalStorage & SessionStorage | Watch | ||
| 19 | ES6 Features – let/const, Arrow Functions, Destructuring | Watch | ||
| 20 | Project: To-Do App with JS DOM & Storage | Watch | ||
| ⚛️ Phase 3: React (Days 21–30) | ||||
| 21 | React Intro + Setup, JSX Basics | Watch | ||
| 22 | Components, Props | Watch | ||
| 23 | useState Hook | Watch | ||
| 24 | Forms Handling in React | Watch | ||
| 25 | useEffect & Lifecycle | Watch | ||
| 26 | Lists, Keys, Conditional Rendering | Watch | ||
| 27 | React Router Basics | Watch | ||
| 28 | Lifting State Up, Context API | Watch | ||
| 29 | Custom Hooks & Code Reusability | Watch | ||
| 30 | Mini Project: Blog UI or Weather App | Watch | ||
| 🛠️ Phase 4: Node.js & Express (Days 31–40) | ||||
| 31 | Node.js Intro – Modules, fs, path | Watch | ||
| 32 | NPM, Scripts, Nodemon | Watch | ||
| 33 | Express.js Intro – Routing, Middleware | Watch | ||
| 34 | REST API Basics (GET, POST, PUT, DELETE) | Watch | ||
| 35 | JSON Handling & Postman Testing | Watch | ||
| 36 | Express Router & API Structuring | Watch | ||
| 37 | Middleware Deep Dive (error, logger) | Watch | ||
| 38 | Async/Await & Error Handling | Watch | ||
| 39 | JWT Auth Basics – Sign, Verify Tokens | Watch | ||
| 40 | Project: CRUD API with Express | Watch | ||
| 🧠 Phase 5: MongoDB (Days 41–50) | ||||
| 41 | What is NoSQL & MongoDB Intro | Watch | ||
| 42 | CRUD with MongoDB Shell | Watch | ||
| 43 | MongoDB Atlas Setup & Node Connection | Watch | ||
| 44 | Mongoose – Models & Schemas | Watch | ||
| 45 | Validation & Relationships | Watch | ||
| 46 | Population, Aggregation | Watch | ||
| 47 | CRUD with Mongoose | Watch | ||
| 48 | JWT + MongoDB Authentication | Watch | ||
| 49 | Protecting Routes with Middleware | Watch | ||
| 50 | Project: Task Manager API (Mongo + Express) | Watch | ||
| 🌐 Phase 6: Full Stack Integration (Days 51–55) | ||||
| 51 | React + Node Connection | Watch | ||
| 52 | Axios – API Calls from React | Watch | ||
| 53 | User Auth Full Stack (Login/Signup UI + JWT) | Watch | ||
| 54 | Global State with Context API for Auth | Watch | ||
| 55 | Full Stack Setup: MERN Boilerplate Project | Watch | ||
| 🚀 Phase 7: Deployment & Career Prep (Days 56–60) | ||||
| 56 | Hosting React on Netlify/Vercel | Watch | ||
| 57 | Hosting Express on Render | Watch | ||
| 58 | Environment Variables, Secrets & Security | Watch | ||
| 59 | Portfolio Website + GitHub Projects Showcase | Watch | ||
| 60 | Resume, LinkedIn Profile & Interview Tips | Watch | ||
Build your own portfolio website to showcase your skills and projects.
Phase 1Create a dynamic to-do app using JavaScript and browser storage.
Phase 2Build a modern UI with React, using state and props.
Phase 3Develop a RESTful API with Node.js and Express.
Phase 4Implement authentication and data storage with MongoDB.
Phase 5Combine React, Node, Express, and MongoDB for a full stack project.
Phase 6