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