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

by CodeWithHarry · 103 videos

Total watch time

1d 10h 43m

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

1d 10h 43m 17s
1.25×1d 3h 46m 38s
1.5×23h 8m 51s
1.75×19h 50m 27s
17h 21m 39s
Average video20m 14s
Longest2h 17m 30s
Shortest7m 59s
Compare Open on YouTube JSON

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.

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

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