Playlist Duration

Playlist · CodeWithHarry

Sigma Web Development Course - Web Development Tutorials in Hindi 🗿

by CodeWithHarry · 139 videos

Total watch time

2d 8h 31m

at 1× speed · exactly 2 days, 8 hours, 30 minutes, 56 seconds at 1×

At an hour a day you'd finish in 57 days

The shape of the course

139 videos in blocks of 10 · each column is a block's total, to scale

2h 54m
1h 59m
2h 24m
2h 35m
2h 20m
4h 29m
2h 2m
3h 16m
8h 30m
2h 55m
6h 1m
3h 51m
4h 20m
8h 53m

WatchedTo watch

Compare Open on YouTube JSON

Next time, skip the copying: change youtube.com to playlistduration.com in any playlist, video or channel address and it opens here. Or see the total on YouTube itself, with our extension for Chrome, Firefox or Edge.

Your plan

Plan to finish

About 57 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 57 days. Turn on JavaScript to plan around your week.

Videos (139)

2d 8h 31m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser. Titles open on YouTube in a new tab.

Videos to
Watched Leave out of the total
1 Installing VS Code & How Websites Work | Sigma Web Development Course - Tutorial #1 31:20 2023-09-26
2 Your First HTML Website | Sigma Web Development Course - Tutorial #2 28:31 2023-09-27
3 Basic Structure of an HTML Website | Sigma Web Development Course - Tutorial #3 11:12 2023-09-28
4 Heading, Paragraphs and Links | Sigma Web Development Course - Tutorial #4 19:34 2023-09-29
5 Image, Lists, and Tables in HTML | Sigma Web Development Course - Tutorial #5 18:20 2023-09-30
6 SEO and Core Web Vitals in HTML | Sigma Web Development Course - Tutorial #6 13:16 2023-10-01
7 Forms and input tags in HTML | Sigma Web Development Course - Tutorial #7 14:53 2023-10-02
8 Inline & Block Elements in HTML | Sigma Web Development Course - Tutorial #8 10:52 2023-10-03
9 Id & Classes in HTML | Sigma Web Development Course - Tutorial #9 10:57 2023-10-04
10 Video, Audio & Media in HTML | Sigma Web Development Course - Tutorial #10 14:48 2023-10-05
11 Semantic Tags in HTML | Sigma Web Development Course - Tutorial #11 10:42 2023-10-06
12 Exercise 1 - Pure HTML Media Player | Sigma Web Development Course - Tutorial #12 3:41 2023-10-07
13 Entities, Code tag and more on HTML | Sigma Web Development Course - Tutorial #13 9:21 2023-10-08
14 Introduction to CSS | Sigma Web Development Course - Tutorial #14 9:14 2023-10-09
15 Inline, Internal & External CSS | Sigma Web Development Course - Tutorial #15 11:04 2023-10-10
16 Exercise 1 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #16 7:19 2023-10-11
17 CSS Selectors MasterClass | Sigma Web Development Course - Tutorial #17 14:00 2023-10-12
18 CSS Box Model - Margin, Padding & Borders | Sigma Web Development Course - Tutorial #18 17:41 2023-10-13
19 CSS Fonts, Text & Color Properties | Sigma Web Development Course - Tutorial #19 32:08 2023-10-14
20 Exercise 2 - CSS Challenge | Sigma Web Development Course - Tutorial #20 4:19 2023-10-15
21 CSS Specificity & Cascade | Sigma Web Development Course - Tutorial #21 20:07 2023-10-16
22 CSS Sizing Units - px, rem, em, vh, vw, % & more | Sigma Web Development Course - Tutorial #22 26:24 2023-10-17
23 CSS Display Property | Sigma Web Development Course - Tutorial #23 12:08 2023-10-18
24 CSS Shadows and Outlines | Sigma Web Development Course - Tutorial #24 13:10 2023-10-19
25 Styling Lists using CSS | Sigma Web Development Course - Tutorial #25 9:52 2023-10-20
26 CSS Overflow Property | Sigma Web Development Course - Tutorial #26 8:21 2023-10-21
27 Exercise 2 - Solutions and Shoutouts | Sigma Web Development Course - Tutorial #27 10:16 2023-10-22
28 CSS Position Property | Sigma Web Development Course - Tutorial #28 24:05 2023-10-23
29 Exercise 3 - Design this Card | Sigma Web Development Course - Tutorial #29 6:18 2023-10-24
30 CSS Variables | Sigma Web Development Course - Tutorial #30 13:20 2023-10-25
31 CSS Media Queries | Sigma Web Development Course - Tutorial #31 11:37 2023-10-26
32 Exercise 3 - Solution | Sigma Web Development Course - Tutorial #32 19:48 2023-10-27
33 Exercise 4 - Multi Color Website | Sigma Web Development Course - Tutorial #33 2:33 2023-10-28
34 CSS Float & Clear | Sigma Web Development Course - Tutorial #34 10:42 2023-10-29
35 More on CSS Selectors | Sigma Web Development Course - Tutorial #35 13:24 2023-10-31
36 Exercise 4 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #36 13:45 2023-11-01
37 CSS Exercise 5 - Design this Layout | Sigma Web Development Course - Tutorial #37 7:16 2023-11-02
38 CSS Flexbox - Ultimate MasterClass | Sigma Web Development Course - Tutorial #38 27:58 2023-11-03
39 CSS Grid - Ultimate MasterClass | Sigma Web Development Course - Tutorial #39 32:12 2023-11-05
40 Exercise 5 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #40 15:50 2023-11-06
41 Exercise 6 - Navbar using Flexbox | Sigma Web Development Course - Tutorial #41 3:21 2023-11-07
42 CSS Transforms MasterClass | Sigma Web Development Course - Tutorial #42 11:22 2023-11-08
43 Exercise 6 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #43 20:27 2023-11-09
44 Exercise 7 - Design the Grid | Sigma Web Development Course - Tutorial #44 5:41 2023-11-10
45 CSS Transition Property | Sigma Web Development Course - Tutorial #45 13:33 2023-11-11
46 CSS Animations | Sigma Web Development Course - Tutorial #46 17:57 2023-11-12
47 Exercise 7 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #47 38:39 2023-11-13
48 Exercise 8 - Bounce Animation | Sigma Web Development Course - Tutorial #48 4:44 2023-11-14
49 CSS Object-fit and Object-cover | Sigma Web Development Course - Tutorial #49 15:25 2023-11-15
50 CSS Filters | Sigma Web Development Course - Tutorial #50 9:06 2023-11-16
51 Exercise 8: Solution & Shoutouts | Sigma Web Development Course - Tutorial #51 7:20 2023-11-16
52 Figma Basics in One Video | Sigma Web Development Course - Tutorial #52 27:20 2023-11-17
53 Netflix Clone Using HTML & CSS | Sigma Web Development Course - Tutorial #53 1:57:23 2023-11-17
54 Introduction to JavaScript & Installing Node.js | Sigma Web Development Course - Tutorial #54 20:23 2023-11-18
55 JavaScript Variables, Data Types & Objects | Sigma Web Development Course - Tutorial #55 20:20 2023-11-19
56 JavaScript Conditionals: if, else if, else ladder | Sigma Web Development Course - Tutorial #56 24:24 2023-11-21
57 JavaScript Loops | Sigma Web Development Course - Tutorial #57 16:01 2023-11-22
58 JavaScript Functions | Sigma Web Development Course - Tutorial #58 12:26 2023-11-23
59 Exercise 9 - Faulty Calculator | Sigma Web Development Course - Tutorial #59 5:31 2023-11-24
60 JavaScript Strings | Sigma Web Development Course - Tutorial #60 18:02 2023-11-25
61 JavaScript Exercise 9 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #61 10:54 2023-11-26
62 JavaScript Exercise 10 - Business Name Generator | Sigma Web Development Course - Tutorial #62 3:58 2023-11-27
63 JavaScript Arrays | Sigma Web Development Course - Tutorial #63 30:52 2023-11-28
64 JavaScript Exercise 10 - Solution | Sigma Web Development Course - Tutorial #64 11:28 2023-11-29
65 JavaScript Exercise 11 - Calculate the Factorial | Sigma Web Development Course - Tutorial #65 3:23 2023-12-01
66 Document Object Model in JavaScript | Sigma Web Development Course - Tutorial #66 8:51 2023-12-03
67 JavaScript DOM - Children, Parent & Sibling Nodes | Sigma Web Development Course - Tutorial #67 18:56 2023-12-04
68 JavaScript - Selecting by Ids, Classes, and More | Sigma Web Development Course - Tutorial #68 18:15 2023-12-05
69 JavaScript Exercise 11 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #69 11:52 2023-12-06
70 JavaScript Exercise 12 - Color the Boxes | Sigma Web Development Course - Tutorial #70 3:54 2023-12-07
71 Inserting and Removing Elements using JavaScript | Sigma Web Development Course - Tutorial #71 23:48 2023-12-09
72 JavaScript Exercise 12 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #72 17:27 2023-12-10
73 JavaScript Exercise 13 - Dynamic Website Builder | Sigma Web Development Course - Tutorial #73 6:14 2023-12-11
74 Events, Event Bubbling, setInterval & setTimeout | Sigma Web Development Course - Tutorial #74 27:51 2023-12-12
75 JavaScript Callbacks & Promises | Sigma Web Development Course - Tutorial #75 32:24 2023-12-13
76 Async/Await & Fetch API in JavaScript with Examples | Sigma Web Development Course - Tutorial #76 23:41 2023-12-14
77 JavaScript Exercise 13 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #77 24:13 2023-12-16
78 JavaScript Exercise 14 - Hacker's Terminal | Sigma Web Development Course - Tutorial #78 3:58 2023-12-17
79 JavaScript try catch & Error Handling | Sigma Web Development Course - Tutorial #79 15:59 2023-12-18
80 Classes & Objects - Object Oriented Programming in Js | Sigma Web Development Course - Tutorial #80 20:43 2023-12-21
81 JavaScript Exercise 14 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #81 18:41 2023-12-21
82 Advanced JavaScript | Sigma Web Development Course - Tutorial #82 14:23 2023-12-22
83 JavaScript Interview Questions | Sigma Web Development Course - Tutorial #83 21:08 2023-12-24
84 Spotify Clone using HTML, CSS & JavaScript | Sigma Web Development Course - Tutorial #84 5:35:39 2023-12-26
85 Backend, Node.js & npm | Sigma Web Development Course - Tutorial #85 17:20 2023-12-28
86 CommonJs Vs EcmaScript Modules | Sigma Web Development Course - Tutorial #86 17:46 2024-01-02
87 Working with Files: fs and path Modules | Sigma Web Development Course - Tutorial #87 17:32 2024-01-03
88 Introduction to Express Js | Sigma Web Development Course - Tutorial #88 20:39 2024-01-05
89 Response, Request and Routers in Express | Sigma Web Development Course - Tutorial #89 27:55 2024-01-05
90 Middlewares in Express Js | Sigma Web Development Course - Tutorial #90 19:05 2024-01-06
91 Exercise 15 - Clear the Clutter | Sigma Web Development Course - Tutorial #91 4:53 2024-01-09
92 ejs Template Engine in Express | Sigma Web Development Course - Tutorial #92 21:28 2024-01-10
93 Exercise 15 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #93 17:33 2024-01-11
94 Installing MongoDB & MongoDB Compass | Sigma Web Development Course - Tutorial #94 24:33 2024-01-12
95 CRUD Operations in MongoDB | Sigma Web Development Course - Tutorial #95 17:21 2024-01-13
96 Installing Mongoose & Using it with Express | Sigma Web Development Course - Tutorial #96 23:19 2024-01-14
97 Exercise 16 - Dummy Data Generator | Sigma Web Development Course - Tutorial #97 5:42 2024-01-15
98 Tailwind CSS in one Video | Sigma Web Development Course - Tutorial #98 33:58 2024-01-16
99 Exercise 16 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #99 22:44 2024-01-17
100 Exercise 17 - Design This Layout | Sigma Web Development Course - Tutorial #100 3:14 2024-01-18
101 X.com (Twitter) Clone using Tailwind CSS | Sigma Web Development Course - Tutorial #101 2:27:49 2024-01-20
102 Exercise 17 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #102 11:49 2024-01-23
103 What is Hosting? Where to Host? Which Hosting? | Sigma Web Development Course - Tutorial #103 38:08 2024-01-24
104 Hosting an Express App on Ubuntu VPS using Hostinger | Sigma Web Development Course - Tutorial #104 24:06 2024-01-25
105 Introduction to React & Why use React? | Sigma Web Development Course - Tutorial #105 40:38 2024-01-28
106 Components, Props and JSX in React | Sigma Web Development Course - Tutorial #106 26:53 2024-01-29
107 Hooks & State in React | Sigma Web Development Course - Tutorial #107 11:19 2024-01-30
108 The useEffect Hook in React | Sigma Web Development Course - Tutorial #108 26:06 2024-01-31
109 The useRef Hook in React | Sigma Web Development Course - Tutorial #109 14:44 2024-02-01
110 Conditional Rendering & Rendering Lists in React | Sigma Web Development Course - Tutorial #110 19:06 2024-02-05
111 Exercise 18 - Display the Cards | Sigma Web Development Course - Tutorial #111 6:11 2024-02-06
112 Handling Events in React | Sigma Web Development Course - Tutorial #112 16:35 2024-02-07
113 Exercise 18 - Solution & Shoutouts | Sigma Web Development Course - Tutorial #113 13:19 2024-02-08
114 TodoList App using React, Tailwind & React Icons | Sigma Web Development Course - Tutorial #114 1:21:55 2024-02-14
115 React Router: Routing in React | Sigma Web Development Course - Tutorial #115 17:00 2024-02-14
116 The useContext hook in React | Sigma Web Development Course - Tutorial #116 16:17 2024-02-16
117 The useMemo hook in React | Sigma Web Development Course - Tutorial #117 14:49 2024-02-17
118 The useCallback hook in React | Sigma Web Development Course - Tutorial #118 14:00 2024-02-18
119 Handling Forms + Connecting React to Express Backend | Sigma Web Development Course - Tutorial #119 31:29 2024-02-20
120 Learn Redux in One video | Sigma Web Development Course - Tutorial #120 19:37 2024-02-21
121 Introduction to Next.js & File based routing | Sigma Web Development Course - Tutorial #121 12:25 2024-02-22
122 Server Components in Next.js | Sigma Web Development Course - Tutorial #122 11:12 2024-02-23
123 Script, Link & Image components in Next.js | Sigma Web Development Course - Tutorial #123 20:37 2024-02-24
124 Creating APIs in Next.js | Sigma Web Development Course - Tutorial #124 7:48 2024-02-27
125 Server Actions in Next.js | Sigma Web Development Course - Tutorial #125 13:16 2024-02-28
126 Middleware in Next.js | Sigma Web Development Course - Tutorial #126 10:18 2024-03-02
127 Auth.js - Authentication in Next.js | Sigma Web Development Course - Tutorial #127 14:04 2024-03-03
128 Dynamic Routes in Next.js | Sigma Web Development Course - Tutorial #128 9:51 2024-03-04
129 Layouts in Next.js | Sigma Web Development Course - Tutorial #129 12:34 2024-03-05
130 React Project: Password Manager using React, Tailwind, MongoDB & Express | Sigma WebD Tutorial #130 2:28:15 2024-03-18
131 Project GetMeAChai - Patreon Clone in Next.js | Sigma Web Development Course - Tutorial #131 4:49:02 2024-04-20
132 Understanding next/navigation module in Next.js | Sigma Web Development Course - Tutorial #132 12:50 2024-10-15
133 SSR, SSG & ISR in Next.js | Sigma Web Development Course - Tutorial #133 14:18 2024-10-17
134 Environment Variables in Next.js | Sigma Web Development Course - Tutorial #134 11:15 2024-10-19
135 Styled JSX and other ways to Style in Next.js | Sigma Web Development Course - Tutorial #135 8:34 2024-10-21
136 [Project] Let's Build a Url Shortener in Next.js 15 | Sigma Web Development Course - Tutorial #136 56:16 2024-11-03
137 [Project] Let's Build a LinkTree Clone in Next.js 15 | Sigma Web Development Course - Tutorial #137 1:53:49 2024-11-05
138 Deploying our Next.js App to Vercel | Sigma Web Development Course - Tutorial #138 18:58 2024-11-10
139 Concluding the Sigma Web Dev Course | Sigma Web Development Course - Tutorial #139 8:27 2024-11-11
For your README

Embed a badge

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

Watch time: 2d 8h 31m · 139 videos

Markdown
[![Watch time: 2d 8h 31m · 139 videos](https://playlistduration.com/badge/playlist/PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w.svg)](https://playlistduration.com/playlist/PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w)
HTML
<a href="https://playlistduration.com/playlist/PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w"><img src="https://playlistduration.com/badge/playlist/PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w.svg" alt="Watch time: 2d 8h 31m · 139 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/PLu0W_9lII9agq5TrH9XLIKQvv0iaF2X3w returns them as JSON — free, no key. API docs →

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