playlistduration

Complete Web Dev using MERN stack || Love Babbar

by CodeHelp - by Babbar · 84 videos

Total watch time

2d 11h 14m

at 1× speed · exactly 2 days, 11 hours, 13 minutes, 39 seconds at 1×

1×2d 11h 13m 39s
1.25×1d 23h 22m 55s
1.5×1d 15h 29m 6s
1.75×1d 9h 50m 39s
2×1d 5h 36m 50s
Average video42m 18s
Longest10h 47m 15s
Shortest11m 16s
Compare Open on YouTube JSON

Plan to finish

About 60 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 60 days. Turn on JavaScript to plan around your week.

Videos (84)

2d 11h 14m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 Let's learn Full Stack Web Development using MERN Stack || Episode-1 39:17 2023-05-05
2 Understanding Internet, Networks, Web and more || Episode - 2 31:29 2023-05-06
3 How the INTERNET Works - A Simple Explanation || Episode - 3 34:46 2023-05-08
4 Code your first HTML Program || Complete HTML Series || Episode - 4 32:35 2023-05-10
5 Mastering HTML Tags for Web Development || Episode - 5 47:45 2023-05-11
6 Efficient Coding Techniques with MERN Stack | Emmet, Div Tag, Lists and Anchor Tag Variations | Ep-6 42:34 2023-05-12
7 HTML Tables: Rows, Columns, and Advanced Attributes | MERN Stack Web Development || Episode - 7 39:51 2023-05-13
8 Forms in HTML || Complete Web Dev Series 2023 || Episode - 8 56:24 2023-05-16
9 HTML Forms: From Beginner to Pro || Episode - 9 36:13 2023-05-18
10 Project 1: HTML Resume Project || Complete Web Development Series 2023 || Episode - 10 33:57 2023-05-25
11 Project 2: HTML Media Project || Media tags, Modern HTML and iframes || Episode - 11 37:32 2023-05-26
12 SEO && Head tag in HTML || Favicon, Title, Meta tags || Episode - 12 20:17 2023-05-27
13 Mastering CSS: Inline, Internal, and External Stylesheets || Episode - 13 34:11 2023-05-31
14 CSS Typography: Fonts, Colors && Developer tools || Episode - 14 33:37 2023-06-01
15 CSS "Box Model" in 40 minutes || Complete Web Dev Course || Episode - 15 40:02 2023-06-03
16 CSS Display Property in Depth: Understanding Inline, Block, and Inline-Block || Episode - 16 27:57 2023-06-28
17 Mastering CSS Position Property: Static, Relative, Absolute, Fixed, and Sticky || Episode - 17 29:54 2023-06-29
18 CSS Size Units in Depth: Unlocking the Power of px, %, vw, vh, em, and rem 26:21 2023-07-01
19 Mastering CSS Float, Clear, and Overflow in 20 Minutes || Episode - 19 21:16 2023-07-06
20 Complete FLEXBOX in 1 Video || Episode - 20 58:20 2023-07-07
21 CSS Media Queries and Custom Variables Explained || Episode - 21 31:39 2023-07-08
22 CSS Shadow Effects - Box Shadow && Text Shadow || Episode - 22 21:53 2023-07-09
23 Create Engaging Websites with CSS Animations || Episode - 23 35:21 2023-07-10
24 Transition Effects in CSS || Episode - 24 19:17 2023-07-11
25 Mastering 2D Transforms in CSS || Episode - 25 15:05 2023-07-12
26 Creating a Recipe Website Project using CSS || Episode - 26 53:28 2023-07-13
27 Creating a Cards Website Project using CSS || Episode - 27 38:34 2023-07-15
28 Everything about CSS GRID in ONE Video || Episode - 28 53:17 2023-10-09
29 Creating a Blogs Website Project using CSS [Part 1] || Episode - 29 21:29 2023-10-10
30 Creating a Blog Project using CSS [Part 2] || Episode - 30 48:09 2023-10-11
31 Grid: Auto-Fit, MinMax, Template Areas Explained || Episode - 31 27:14 2023-10-13
32 Mastering CSS 3D Transforms || Episode - 32 15:26 2023-10-14
33 StudySync Project: Creating a Navigation Bar || Episode - 33 37:46 2023-12-08
34 StudySync Project: Creating a HERO Section || Episode - 34 53:11 2023-12-10
35 StudySync Project: Creating a CARDs Section || Episode - 35 38:02 2023-12-13
36 StudySync Project: Creating a TESTIMONIAL Section || Episode - 36 31:03 2023-12-15
37 StudySync Project: Creating a NEWSLETTER Section || Episode - 37 40:03 2023-12-18
38 StudySync Project: Creating a FOOTER Section || Episode - 38 50:42 2023-12-19
39 Starting JavaScript Series 2024 || Intro to JavaScript || Episode- 39 23:18 2024-04-09
40 Variables and DataTypes in JS || JavaScript Series 2024 36:36 2024-04-10
41 Operators & Conditionals in JavaScript || JavaScript Series 2024 1:02:44 2024-04-11
42 Loops and String in JavaScript || JavaScript Series 2024 1:10:31 2024-04-12
43 Plain and Arrow Functions in JS || JavaScript Series 2024 31:03 2024-04-13
44 Reference Types: Objects && Arrays in JS || JavaScript Series 2024 49:25 2024-04-14
45 Variable/Function Hoisting && Function Calls in JS || JavaScript Series 2024 35:05 2024-04-17
46 Temporal Dead Zone in JS || JavaScript Series 2024 14:17 2024-04-17
47 Classes && Default Parameters in Functions || JavaScript Series 2024 29:28 2024-04-18
48 Common In-Built Objects in JS || JavaScript Series 2024 14:05 2024-04-19
49 Object Cloning && Garbage Collector in JS || JavaScript Series 2024 17:53 2024-04-20
50 Error Handling in JS || JavaScript Series 2024 21:07 2024-04-22
51 JS DOM Manipulation - Access/Insert/Update/Delete elements || JavaScript Series 2024 54:40 2024-04-28
52 JS DOM Manipulation - styling elements || JavaScript Series 2024 25:35 2024-04-29
53 All about Events & Listeners in JS || JavaScript Series 2024 49:16 2024-04-30
54 Performance: Reflow && Repaint in JS || JavaScript Series 2024 22:22 2024-05-01
55 Learn EVENT LOOP in 1 Shot || Complete Web development Series 2024 25:29 2024-09-02
56 JavaScript Promises in 1 Video || Complete Web Development Course 25:05 2024-09-03
57 Async-await and Fetch API in JavaScript || Complete Web Development Course 39:11 2024-09-04
58 Closures in JavaScript || Complete Web Development Series 2024 19:25 2024-09-05
59 LeetCode Metrics App using JavaScript || Complete Web Development Series 2024 1:21:46 2024-09-06
60 Create your FIRST React App 2024 36:11 2024-09-07
61 Learning Components/Props/JSX in React 2024 33:13 2024-09-08
62 Learn "useState" Hook in React 2024 20:35 2024-09-09
63 Learn Tailwind CSS in 1 SHOT 10:47:15 2024-09-09
64 Passing PROPS as Children and Functions || React Series 2024 15:09 2024-09-10
65 State Lifting in React 2024 || Episode #65 17:45 2024-09-10
66 Conditional Rendering in React || React Series 2024 11:16 2024-09-11
67 Event Handling in React 2024 24:07 2024-09-12
68 Learn useEffect HOOK in depth || Complete Web Development Course 43:38 2024-09-13
69 Learn useContext Hook in depth 30:18 2024-09-14
70 All about Routing in React 2024 41:49 2024-09-16
71 React Hook Form in 1 Video 30:24 2024-09-17
72 Learn Redux Toolkit in 1 Video 53:34 2024-09-18
73 When to use "useRef" React Hook 29:28 2024-09-21
74 Learn useMemo React Hook in 1 Video 21:01 2024-09-24
75 Learn useCallback hook with Code Examples 33:30 2024-09-26
76 Creating PASTE - A Code/Notes Saver React App 1:34:39 2024-09-29
77 Deploy Your Front-End Web Application on VERCEL 2024 18:23 2024-10-21
78 Introduction to Backend Development, NodeJS and ExpressJS 22:12 2024-10-22
79 Request / Response / Testing / Routing in ExpressJS 31:47 2024-10-22
80 Code your FIRST BACKEND App 2024 12:59 2024-10-22
81 All about MIDDLEWAREs in ExpressJS || Backend Series 2024 45:09 2024-10-23
82 Setting up Mongo DB on local Machine && on Cloud Instance 33:54 2024-10-23
83 Connecting with MongoDB using Mongoose || Backend Series 2024 49:29 2024-10-24
84 MVC Pattern in a MERN Backend Project || Backend Series 2024 51:36 2024-10-24

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 2d 11h 14m · 84 videos

Markdown
[![Watch time: 2d 11h 14m · 84 videos](https://playlistduration.com/badge/playlist/PLDzeHZWIZsTo0wSBcg4-NMIbC0L8evLrD.svg)](https://playlistduration.com/playlist/PLDzeHZWIZsTo0wSBcg4-NMIbC0L8evLrD)
HTML
<a href="https://playlistduration.com/playlist/PLDzeHZWIZsTo0wSBcg4-NMIbC0L8evLrD"><img src="https://playlistduration.com/badge/playlist/PLDzeHZWIZsTo0wSBcg4-NMIbC0L8evLrD.svg" alt="Watch time: 2d 11h 14m · 84 videos" width="228" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PLDzeHZWIZsTo0wSBcg4-NMIbC0L8evLrD returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.