YouTube Tools
Support

Love Babbar's Complete Web Dev (MERN): study plan and how long it takes

The CodeHelp - by Babbar playlist is 84 videos and 59.2 hours long. Here's how long it takes at different paces, a week-by-week schedule built from the real videos, and a planner that turns it into your own daily plan.

84 videos · 59.2 hours · CodeHelp - by Babbar

CodeHelp's complete web development course teaches the MERN stack from HTML (with a resume project) and CSS (floats, grid, a StudySync project) through JavaScript internals like the temporal dead zone and event loop, React hooks and props, Tailwind CSS, and MongoDB with the MVC pattern on the backend.

Several lectures are very long one-shots, including a Tailwind video of over ten hours.

Who it's for: Beginners who want a complete MERN stack course in Hindi.

How long does it take?

The full playlist is 59.2 hours across 84 videos. Here's roughly how many days that is at different daily watch times and speeds, counting video time only:

Days to finish the playlist by daily watch time and playback speed
Daily timeAt 1xAt 1.5xAt 2x
30 min a day119 days79 days60 days
1 h a day60 days40 days30 days
2 h a day30 days20 days15 days

Make your own schedule

The playlist link is already filled in. Press Plan, set how much time you have each day and your speed, and you'll get a day-by-day schedule with a finish date and a calendar file. It reads the live playlist, so new videos are included.

Open on YouTube Track watched videos

Week-by-week schedule

A sample plan at 2 hours a day and normal speed, using whole videos so none is split across days. That's 5 weeks in total. For a different pace, start date or speed, use the planner above.

Week 1Videos 1–19 · 11h 6m

  1. Day 1 · 1h 46m

    • 1Let's learn Full Stack Web Development using MERN Stack || Episode-139m
    • 2Understanding Internet, Networks, Web and more || Episode - 231m
    • 3How the INTERNET Works - A Simple Explanation || Episode - 335m

  2. Day 2 · 1h 20m

    • 4Code your first HTML Program || Complete HTML Series || Episode - 433m
    • 5Mastering HTML Tags for Web Development || Episode - 548m

  3. Day 3 · 1h 22m

    • 6Efficient Coding Techniques with MERN Stack | Emmet, Div Tag, Lists and Anchor Tag Variations | Ep-643m
    • 7HTML Tables: Rows, Columns, and Advanced Attributes | MERN Stack Web Development || Episode - 740m

  4. Day 4 · 1h 33m

    • 8Forms in HTML || Complete Web Dev Series 2023 || Episode - 856m
    • 9HTML Forms: From Beginner to Pro || Episode - 936m

  5. Day 5 · 1h 32m

    • 10Project 1: HTML Resume Project || Complete Web Development Series 2023 || Episode - 1034m
    • 11Project 2: HTML Media Project || Media tags, Modern HTML and iframes || Episode - 1138m
    • 12SEO && Head tag in HTML || Favicon, Title, Meta tags || Episode - 1220m

  6. Day 6 · 1h 48m

    • 13Mastering CSS: Inline, Internal, and External Stylesheets || Episode - 1334m
    • 14CSS Typography: Fonts, Colors && Developer tools || Episode - 1434m
    • 15CSS "Box Model" in 40 minutes || Complete Web Dev Course || Episode - 1540m

  7. Day 7 · 1h 45m

    • 16CSS Display Property in Depth: Understanding Inline, Block, and Inline-Block || Episode - 1628m
    • 17Mastering CSS Position Property: Static, Relative, Absolute, Fixed, and Sticky || Episode - 1730m
    • 18CSS Size Units in Depth: Unlocking the Power of px, %, vw, vh, em, and rem26m
    • 19Mastering CSS Float, Clear, and Overflow in 20 Minutes || Episode - 1921m
Week 2Videos 20–37 · 10h 39m

  1. Day 8 · 1h 52m

    • 20Complete FLEXBOX in 1 Video || Episode - 2058m
    • 21CSS Media Queries and Custom Variables Explained || Episode - 2132m
    • 22CSS Shadow Effects - Box Shadow && Text Shadow || Episode - 2222m

  2. Day 9 · 1h 10m

    • 23Create Engaging Websites with CSS Animations || Episode - 2335m
    • 24Transition Effects in CSS || Episode - 2419m
    • 25Mastering 2D Transforms in CSS || Episode - 2515m

  3. Day 10 · 1h 32m

    • 26Creating a Recipe Website Project using CSS || Episode - 2653m
    • 27Creating a Cards Website Project using CSS || Episode - 2739m

  4. Day 11 · 1h 15m

    • 28Everything about CSS GRID in ONE Video || Episode - 2853m
    • 29Creating a Blogs Website Project using CSS [Part 1] || Episode - 2921m

  5. Day 12 · 1h 31m

    • 30Creating a Blog Project using CSS [Part 2] || Episode - 3048m
    • 31Grid: Auto-Fit, MinMax, Template Areas Explained || Episode - 3127m
    • 32Mastering CSS 3D Transforms || Episode - 3215m

  6. Day 13 · 1h 31m

    • 33StudySync Project: Creating a Navigation Bar || Episode - 3338m
    • 34StudySync Project: Creating a HERO Section || Episode - 3453m

  7. Day 14 · 1h 49m

    • 35StudySync Project: Creating a CARDs Section || Episode - 3538m
    • 36StudySync Project: Creating a TESTIMONIAL Section || Episode - 3631m
    • 37StudySync Project: Creating a NEWSLETTER Section || Episode - 3740m
Week 3Videos 38–55 · 10h 34m

  1. Day 15 · 1h 51m

    • 38StudySync Project: Creating a FOOTER Section || Episode - 3851m
    • 39Starting JavaScript Series 2024 || Intro to JavaScript || Episode- 3923m
    • 40Variables and DataTypes in JS || JavaScript Series 202437m

  2. Day 16 · 1h 3m

    • 41Operators & Conditionals in JavaScript || JavaScript Series 20241h 3m

  3. Day 17 · 1h 42m

    • 42Loops and String in JavaScript || JavaScript Series 20241h 11m
    • 43Plain and Arrow Functions in JS || JavaScript Series 202431m

  4. Day 18 · 1h 39m

    • 44Reference Types: Objects && Arrays in JS || JavaScript Series 202449m
    • 45Variable/Function Hoisting && Function Calls in JS || JavaScript Series 202435m
    • 46Temporal Dead Zone in JS || JavaScript Series 202414m

  5. Day 19 · 1h 23m

    • 47Classes && Default Parameters in Functions || JavaScript Series 202429m
    • 48Common In-Built Objects in JS || JavaScript Series 202414m
    • 49Object Cloning && Garbage Collector in JS || JavaScript Series 202418m
    • 50Error Handling in JS || JavaScript Series 202421m

  6. Day 20 · 1h 20m

    • 51JS DOM Manipulation - Access/Insert/Update/Delete elements || JavaScript Series 202455m
    • 52JS DOM Manipulation - styling elements || JavaScript Series 202426m

  7. Day 21 · 1h 37m

    • 53All about Events & Listeners in JS || JavaScript Series 202449m
    • 54Performance: Reflow && Repaint in JS || JavaScript Series 202422m
    • 55Learn EVENT LOOP in 1 Shot || Complete Web development Series 202425m
Week 4Videos 56–74 · 20h 21m

  1. Day 22 · 1h 24m

    • 56JavaScript Promises in 1 Video || Complete Web Development Course25m
    • 57Async-await and Fetch API in JavaScript || Complete Web Development Course39m
    • 58Closures in JavaScript || Complete Web Development Series 202419m

  2. Day 23 · 1h 58m

    • 59LeetCode Metrics App using JavaScript || Complete Web Development Series 20241h 22m
    • 60Create your FIRST React App 202436m

  3. Day 24 · 54m

    • 61Learning Components/Props/JSX in React 202433m
    • 62Learn "useState" Hook in React 202421m

  4. Day 25 · 10h 47m

    • 63Learn Tailwind CSS in 1 SHOT10h 47m

  5. Day 26 · 1h 52m

    • 64Passing PROPS as Children and Functions || React Series 202415m
    • 65State Lifting in React 2024 || Episode #6518m
    • 66Conditional Rendering in React || React Series 202411m
    • 67Event Handling in React 202424m
    • 68Learn useEffect HOOK in depth || Complete Web Development Course44m

  6. Day 27 · 1h 43m

    • 69Learn useContext Hook in depth30m
    • 70All about Routing in React 202442m
    • 71React Hook Form in 1 Video30m

  7. Day 28 · 1h 44m

    • 72Learn Redux Toolkit in 1 Video54m
    • 73When to use "useRef" React Hook29m
    • 74Learn useMemo React Hook in 1 Video21m
Week 5Videos 75–84 · 6h 34m

  1. Day 29 · 34m

    • 75Learn useCallback hook with Code Examples34m

  2. Day 30 · 1h 53m

    • 76Creating PASTE - A Code/Notes Saver React App1h 35m
    • 77Deploy Your Front-End Web Application on VERCEL 202418m

  3. Day 31 · 1h 52m

    • 78Introduction to Backend Development, NodeJS and ExpressJS22m
    • 79Request / Response / Testing / Routing in ExpressJS32m
    • 80Code your FIRST BACKEND App 202413m
    • 81All about MIDDLEWAREs in ExpressJS || Backend Series 202445m

  4. Day 32 · 1h 23m

    • 82Setting up Mongo DB on local Machine && on Cloud Instance34m
    • 83Connecting with MongoDB using Mongoose || Backend Series 202449m

  5. Day 33 · 52m

    • 84MVC Pattern in a MERN Backend Project || Backend Series 202452m

Tips for finishing

  • Split the one-shot lectures over several days. Set your daily time in the planner and it'll show how long each one blocks.
  • Build every project section yourself rather than just watching.

Frequently asked questions

How long does it take to finish Love Babbar's Complete Web Dev (MERN)?

The playlist has 84 videos and 59.2 hours of content. At 1 hour a day that's about 60 days at normal speed, or 40 days at 1.5x. At 2 hours a day it's about 30 days.

More study plans

See all 166 study plans

Tools for any playlist