Playlist Duration

Playlist · CodeWithHarry

Web Development Tutorials For Beginners In Hindi: HTML, CSS, JavaScript & More

by CodeWithHarry · 103 videos

Total watch time

1d 10h 43m

at 1× speed · exactly 1 day, 10 hours, 43 minutes, 17 seconds at 1×

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

The shape of the course

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

2h 19m
2h 6m
3h 31m
3h 48m
2h 18m
2h 41m
2h 31m
3h 45m
3h 9m
4h 2m
4h 33m

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

Videos (103)

1d 10h 43m 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 Introduction to HTML, CSS, JavaScript & How websites work? | Web Development Tutorials #1 18:27 2019-12-25
2 HTML Tutorial: Installing VS Code & Live Server | Web Development Tutorials #2 17:50 2019-12-25
3 HTML Tutorial: Basic Structure of a Website | Web Development Tutorials #3 11:46 2019-12-26
4 HTML Tutorial: Title, Script, Link & Meta Tags | Web Development Tutorials #4 8:49 2019-12-27
5 HTML Tutorial: Headings & Paragraphs | Web Development Tutorials #5 13:32 2019-12-27
6 HTML Tutorial: Img and Anchor tags | Web Development Tutorials #6 14:39 2019-12-28
7 HTML Tutorial: Lists and Tables | Web Development Tutorials #7 9:58 2019-12-29
8 HTML Tutorial: Forms & Input Tags | Web Development Tutorials #8 21:49 2019-12-29
9 HTML Tutorial: Inline & Block Elements | Web Development Tutorials #9 8:38 2019-12-30
10 HTML Tutorial: Ids & Classes in HTML | Web Development Tutorials #10 13:24 2019-12-30
11 HTML Tutorial: HTML Entities | Web Development Tutorials #11 10:09 2019-12-31
12 HTML Tutorial: Semantic Tags in HTML| Web Development Tutorials #12 9:20 2019-12-31
13 CSS Tutorial: Introduction to CSS | Web Development Tutorials #13 11:31 2020-01-01
14 CSS Tutorial: Inline, Internal & External CSS | Web Development Tutorials #14 10:05 2020-01-01
15 CSS Tutorial: Selectors in CSS | Web Development Tutorials #15 15:54 2020-01-02
16 CSS Tutorial: Using Chrome Developer Tools | Web Development Tutorials #16 12:42 2020-01-02
17 CSS Tutorial: Fonts In CSS | Web Development Tutorials #17 12:00 2020-01-03
18 CSS Tutorial: Colors In CSS | Web Development Tutorials #18 8:06 2020-01-03
19 CSS Tutorial: Borders and Backgrounds | Web Development Tutorials #19 15:43 2020-01-04
20 CSS Tutorial: CSS Box Model, Margin and Padding | Web Development Tutorials #20 20:35 2020-01-04
21 CSS Tutorial: Float & Clear Explained | Web Development Tutorials #21 19:29 2020-01-05
22 CSS Tutorial: Styling Links & Buttons | Web Development Tutorials #22 12:58 2020-01-05
23 CSS Tutorial: Creating a Navigation Menu | Web Development Tutorials #23 13:33 2020-01-06
24 CSS Tutorial: CSS Display Property | Web Development Tutorials #24 15:09 2020-01-06
25 CSS Tutorial: Position absolute, relative, fixed and sticky in CSS | Web Development Tutorials #25 14:42 2020-01-07
26 Project 1: Creating a Gym Website Using HTML5 & CSS3 | Web Development Tutorials #26 53:47 2020-01-07
27 CSS Tutorial: Visibility & z-index Explained | Web Development Tutorials #27 11:20 2020-01-08
28 CSS Flexbox Tutorial in Hindi | Web Development Tutorials #28 36:00 2020-01-08
29 CSS Tutorial: em, rem, vh and vw units + Responsive design Explained | Web Development Tutorials #29 20:08 2020-01-09
30 CSS Tutorial: Media Queries Explained | Web Development Tutorials #30 14:11 2020-01-09
31 CSS Tutorial: More on CSS Selectors | Web Development Tutorials #31 13:24 2020-01-10
32 CSS Tutorial: Attribute & nth child pseudo Selectors | Web Development Tutorials #32 13:49 2020-01-10
33 CSS Tutorial: Before and After Pseudo Selectors | Web Development Tutorials #33 19:56 2020-01-11
34 CSS Tutorial: Box Shadow and Text Shadow | Web Development Tutorials #34 15:25 2020-01-12
35 CSS Tutorial: Variables & Custom Properties | Web Development Tutorials #35 10:43 2020-01-13
36 CSS Tutorial: Creating Animations & Keyframes | Web Development Tutorials #36 14:32 2020-01-14
37 CSS Tutorial: Creating Transitions in CSS | Web Development Tutorials #37 11:05 2020-01-15
38 CSS Tutorial: Transform property in CSS | Web Development Tutorials #38 10:12 2020-01-16
39 Creating Fully Responsive Website Project Using HTML & CSS in Hindi | Web Development Tutorials #39 1:44:17 2020-01-17
40 CSS Grid: Introduction & Creating A Basic Grid | Web Development Tutorials #40 15:01 2020-01-18
41 CSS Grid: Creating Rows & Gaps in Grid | Web Development Tutorials #41 8:14 2020-01-19
42 CSS Grid: Spanning Multiple Rows and Columns in Grid | Web Development Tutorials #42 10:47 2020-01-20
43 CSS Grid: Autofit & MinMax | Web Development Tutorials #43 10:53 2020-01-21
44 CSS Grid: Creating Layouts Using Grid Template Area | Web Development Tutorials #44 12:24 2020-01-21
45 Using Media Queries with CSS Grid | Web Development Tutorials #45 15:32 2020-01-22
46 Introduction to JavaScript for Frontend & Backend | Web Development Tutorials #46 29:16 2020-01-22
47 Writing in-browser JavaScript and Developer Console | Web Development Tutorials #47 9:25 2020-01-23
48 Variables, Data Types and Operators in JavaScript | Web Development Tutorials #48 13:40 2020-01-25
49 Strings in JavaScript | Web Development Tutorials #49 11:29 2020-01-26
50 String Functions in JavaScript | Web Development Tutorials #50 16:06 2020-01-27
51 Scope, If-else Conditionals & Switch Case in JavaScript | Web Development Tutorials #51 21:10 2020-01-28
52 Arrays & Objects in JavaScript | Web Development Tutorials #52 15:03 2020-01-29
53 Functions in JavaScript | Web Development Tutorials #53 16:46 2020-01-30
54 JavaScript Tutorial: Interaction - Alert, Prompt, Confirm | Web Development Tutorials #54 11:42 2020-01-31
55 JavaScript Tutorial: for, while, forEach, Do While Loops | Web Development Tutorials #55 18:56 2020-02-01
56 JavaScript Tutorial: Navigating The DOM | Web Development Tutorials #56 13:24 2020-02-01
57 JavaScript Tutorial: Events & Listening to Events | Web Development Tutorials #57 14:58 2020-02-02
58 JavaScript Tutorial: setInterval & setTimeOut | Web Development Tutorials #58 15:02 2020-02-04
59 JavaScript Tutorial: Date & Time In JavaScript | Web Development Tutorials #59 19:51 2020-02-05
60 JavaScript Tutorial: Arrow Functions In JavaScript | Web Development Tutorials #60 13:52 2020-02-06
61 JavaScript Tutorial: Math Object In JavaScript | Web Development Tutorials #61 20:30 2020-02-07
62 JavaScript Tutorial: Working with JSON in JavaScript | Web Development Tutorials #62 10:46 2020-02-09
63 Backend Tutorial: Node.Js Introduction and Installation | Web Development Tutorials #63 24:15 2020-02-11
64 Backend Tutorial: Node.Js Modules with Examples | Web Development Tutorials #64 10:36 2020-02-12
65 Backend Tutorial: Blocking vs Non-Blocking execution | Web Development Tutorials #65 13:04 2020-02-13
66 Backend Tutorial: Serving HTML Files using NodeJs | Web Development Tutorials #66 7:59 2020-02-14
67 Backend Tutorial: Creating a Custom Backend Using NodeJs | Web Development Tutorials #67 14:57 2020-02-14
68 Backend Tutorial: Creating Custom Modules in Node Using NodeJs | Web Development Tutorials #68 13:48 2020-02-16
69 Backend Tutorial: npm: The Node Package Manager Tutorial | Web Development Tutorials #69 18:34 2020-02-17
70 Backend Tutorial: Installing Express and Postman | Web Development Tutorials #70 16:26 2020-02-20
71 Backend Tutorial: Writing our first Express App | Web Development Tutorials #71 14:19 2020-02-22
72 Backend Tutorial: Static Files & Installing Pug template engine | Web Development Tutorials #72 18:29 2020-02-23
73 Backend Tutorial: Using raw HTML in Pug template engine | Web Development Tutorials #73 36:50 2020-02-24
74 Backend Tutorial: Finishing Off NodeJs Backend of our Gym Website | Web Development Tutorials #74 12:24 2020-02-25
75 Backend Tutorial: Dance Website Using Pure Pug + NodeJs | Web Development Tutorials #75 47:57 2020-02-26
76 Backend Tutorial: Designing Cards Using Pure Pug + NodeJs | Web Development Tutorials #76 14:52 2020-02-27
77 Backend Tutorial: Continuing Dance Website using Pug + NodeJs | Web Development Tutorials #77 15:32 2020-02-28
78 Backend Tutorial: Adding Sponsor Section using Pug + NodeJs | Web Development Tutorials #78 10:46 2020-02-29
79 Backend Tutorial: Adding a Contact Form using Pug + NodeJs | Web Development Tutorials #79 31:49 2020-02-29
80 MongoDb Tutorial: Introduction to MongoDb + Installation | Web Development Tutorials #80 22:13 2020-03-01
81 MongoDb Tutorial: Inserting data into the Mongo Database | Web Development Tutorials #81 13:46 2020-03-04
82 MongoDb Tutorial: Searching/Querying data from the Mongo Database | Web Development Tutorials #82 14:12 2020-03-04
83 MongoDb Tutorial: Deleting data from the Mongo Database | Web Development Tutorials #83 8:42 2020-03-05
84 MongoDb Tutorial: Updating data from the Mongo Database | Web Development Tutorials #84 15:02 2020-03-06
85 MongoDb Tutorial: MongoDb Compass & Installing Mongoose | Web Development Tutorials #85 14:43 2020-03-07
86 MongoDb Tutorial: Using Mongoose in NodeJs | Web Development Tutorials #86 23:26 2020-03-26
87 Plotting CoronaVirus Cases On World Map - Interactive Dashboard Using JavaScript & MapBox 39:20 2020-03-27
88 Backend Tutorial: Saving Data To The Database Using Pug + NodeJs | Web Development Tutorials #88 20:28 2020-04-03
89 Hosting Tutorial: Where to Host your Website? | Web Development Tutorials #89 26:14 2020-04-03
90 Hosting Tutorial: Creating Our First VPS | Web Development Tutorials #90 13:15 2020-04-04
91 Hosting Tutorial: Installing Putty + Basic Linux Commands | Web Development Tutorials #91 16:22 2020-04-04
92 Hosting Tutorial: Installing Apache2 Web Server on a VPS | Web Development Tutorials #92 18:44 2020-04-04
93 Hosting Tutorial: CoronaVirus Information Website With Hosting | Web Development Tutorials #93 49:49 2020-04-05
94 Hosting Tutorial: Using Filezilla & WinSCP to upload Files | Web Development Tutorials #94 12:19 2020-04-06
95 Hosting Tutorial: Linking Domain to the Web Hosting Server | Web Development Tutorials #95 14:18 2020-04-06
96 Hosting Tutorial: Host Multiple Websites On One Single Hosting Server | Web Development Tutorials#96 21:42 2020-04-08
97 Hosting Tutorial: Deploy NodeJs Apps in Production on Linux VPS | Web Development Tutorials#97 37:37 2020-04-09
98 Installing MongoDb & Hosting our Dance Website on Ubuntu VPS | Web Development Tutorials #98 17:22 2020-04-13
99 Get a Free https SSL Certificate For Your Domain on Ubuntu VPS | Web Development Tutorials #99 18:27 2020-04-18
100 Git Tutorial: How to Upload your Projects to Git & GitHub | Web Development Tutorials #100 35:29 2020-04-18
101 Transparent Login Form using HTML and CSS | Web Development Tutorials #101 44:32 2020-04-30
102 I Created a Realtime Chat Application Using NodeJs and SocketIO 1:30:44 2020-05-25
103 Create a Responsive Website Using HTML, CSS & JavaScript in Hindi 2:17:30 2020-05-27
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: 1d 10h 43m · 103 videos

Markdown
[![Watch time: 1d 10h 43m · 103 videos](https://playlistduration.com/badge/playlist/PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg.svg)](https://playlistduration.com/playlist/PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg)
HTML
<a href="https://playlistduration.com/playlist/PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg"><img src="https://playlistduration.com/badge/playlist/PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg.svg" alt="Watch time: 1d 10h 43m · 103 videos" width="235" 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_9lII9agiCUZYRsvtGTXdxkzPyItg returns them as JSON — free, no key. API docs →

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