playlistduration

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×

1×2d 8h 30m 56s
1.25×1d 21h 12m 45s
1.5×1d 13h 40m 37s
1.75×1d 8h 17m 41s
2×1d 4h 15m 28s
Average video24m 24s
Longest5h 35m 39s
Shortest2m 33s
Compare Open on YouTube JSON

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.

Videos to
Watched
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

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-09-22 (cached). Private or deleted videos are excluded from totals.