Sign up

Computer Courses

Web Development Course in Hindi: HTML, CSS, JavaScript and More (CodeWithHarry)

Sikhami InstituteHindi

Free

Join for free
  • 103 video lectures (34h 43m)
  • Certificate of completion
  • Ask the teacher your doubts
  • Watch on the web and in the Android app
  • Learn more

About this course

Become a web developer with CodeWithHarry's popular course in Hindi: from how websites work to HTML, CSS and JavaScript, then the backend, databases and hosting. Who it's for: beginners who want to build websites, and students preparing for web development jobs. Taught in Hindi. These are the free, official videos of the "Web Development Tutorials For Beginners In Hindi" playlist from the CodeWithHarry YouTube channel (youtube.com/@CodeWithHarry). All videos belong to CodeWithHarry; Sikhami is not affiliated with CodeWithHarry and simply arranges the public playlist into a course, so you can learn one lesson at a time and keep track of your progress.

What you will learn

• How websites work, and setting up VS Code • HTML: structure, elements and entities • CSS: selectors, the box model, float, flexbox and grid • JavaScript: arrays, objects, the DOM and JSON • The backend with Node.js, Express and the Pug template engine • MongoDB databases • Building and hosting real projects, such as a real-time chat app

This course at a glance

Lectures
103 video lectures
Video
34h 43m in all
Level
All levels
Language
Hindi
Access
Lifetime access
Certificate
On completion

Lectures last updated September 2026

Course content

1 section · 103 lectures · 34h 43m

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

    • Introduction to HTML, CSS, JavaScript & How websites work? | Web Development Tutorials #118m
    • HTML Tutorial: Installing VS Code & Live Server | Web Development Tutorials #217m
    • HTML Tutorial: Basic Structure of a Website | Web Development Tutorials #311m
    • HTML Tutorial: Title, Script, Link & Meta Tags | Web Development Tutorials #48m
    • HTML Tutorial: Headings & Paragraphs | Web Development Tutorials #513m
    • HTML Tutorial: Img and Anchor tags | Web Development Tutorials #614m
    • HTML Tutorial: Lists and Tables | Web Development Tutorials #79m
    • HTML Tutorial: Forms & Input Tags | Web Development Tutorials #821m
    • HTML Tutorial: Inline & Block Elements | Web Development Tutorials #98m
    • HTML Tutorial: Ids & Classes in HTML | Web Development Tutorials #1013m
    Show all 103 lectures
    • HTML Tutorial: HTML Entities | Web Development Tutorials #1110m
    • HTML Tutorial: Semantic Tags in HTML| Web Development Tutorials #129m
    • CSS Tutorial: Introduction to CSS | Web Development Tutorials #1311m
    • CSS Tutorial: Inline, Internal & External CSS | Web Development Tutorials #1410m
    • CSS Tutorial: Selectors in CSS | Web Development Tutorials #1515m
    • CSS Tutorial: Using Chrome Developer Tools | Web Development Tutorials #1612m
    • CSS Tutorial: Fonts In CSS | Web Development Tutorials #1712m
    • CSS Tutorial: Colors In CSS | Web Development Tutorials #188m
    • CSS Tutorial: Borders and Backgrounds | Web Development Tutorials #1915m
    • CSS Tutorial: CSS Box Model, Margin and Padding | Web Development Tutorials #2020m
    • CSS Tutorial: Float & Clear Explained | Web Development Tutorials #2119m
    • CSS Tutorial: Styling Links & Buttons | Web Development Tutorials #2212m
    • CSS Tutorial: Creating a Navigation Menu | Web Development Tutorials #2313m
    • CSS Tutorial: CSS Display Property | Web Development Tutorials #2415m
    • CSS Tutorial: Position absolute, relative, fixed and sticky in CSS | Web Development Tutorials #2514m
    • Project 1: Creating a Gym Website Using HTML5 & CSS3 | Web Development Tutorials #2653m
    • CSS Tutorial: Visibility & z-index Explained | Web Development Tutorials #2711m
    • CSS Flexbox Tutorial in Hindi | Web Development Tutorials #2836m
    • CSS Tutorial: em, rem, vh and vw units + Responsive design Explained | Web Development Tutorials #2920m
    • CSS Tutorial: Media Queries Explained | Web Development Tutorials #3014m
    • CSS Tutorial: More on CSS Selectors | Web Development Tutorials #3113m
    • CSS Tutorial: Attribute & nth child pseudo Selectors | Web Development Tutorials #3213m
    • CSS Tutorial: Before and After Pseudo Selectors | Web Development Tutorials #3319m
    • CSS Tutorial: Box Shadow and Text Shadow | Web Development Tutorials #3415m
    • CSS Tutorial: Variables & Custom Properties | Web Development Tutorials #3510m
    • CSS Tutorial: Creating Animations & Keyframes | Web Development Tutorials #3614m
    • CSS Tutorial: Creating Transitions in CSS | Web Development Tutorials #3711m
    • CSS Tutorial: Transform property in CSS | Web Development Tutorials #3810m
    • Creating Fully Responsive Website Project Using HTML & CSS in Hindi | Web Development Tutorials #391h 44m
    • CSS Grid: Introduction & Creating A Basic Grid | Web Development Tutorials #4015m
    • CSS Grid: Creating Rows & Gaps in Grid | Web Development Tutorials #418m
    • CSS Grid: Spanning Multiple Rows and Columns in Grid | Web Development Tutorials #4210m
    • CSS Grid: Autofit & MinMax | Web Development Tutorials #4310m
    • CSS Grid: Creating Layouts Using Grid Template Area | Web Development Tutorials #4412m
    • Using Media Queries with CSS Grid | Web Development Tutorials #4515m
    • Introduction to JavaScript for Frontend & Backend | Web Development Tutorials #4629m
    • Writing in-browser JavaScript and Developer Console | Web Development Tutorials #479m
    • Variables, Data Types and Operators in JavaScript | Web Development Tutorials #4813m
    • Strings in JavaScript | Web Development Tutorials #4911m
    • String Functions in JavaScript | Web Development Tutorials #5016m
    • Scope, If-else Conditionals & Switch Case in JavaScript | Web Development Tutorials #5121m
    • Arrays & Objects in JavaScript | Web Development Tutorials #5215m
    • Functions in JavaScript | Web Development Tutorials #5316m
    • JavaScript Tutorial: Interaction - Alert, Prompt, Confirm | Web Development Tutorials #5411m
    • JavaScript Tutorial: for, while, forEach, Do While Loops | Web Development Tutorials #5518m
    • JavaScript Tutorial: Navigating The DOM | Web Development Tutorials #5613m
    • JavaScript Tutorial: Events & Listening to Events | Web Development Tutorials #5714m
    • JavaScript Tutorial: setInterval & setTimeOut | Web Development Tutorials #5815m
    • JavaScript Tutorial: Date & Time In JavaScript | Web Development Tutorials #5919m
    • JavaScript Tutorial: Arrow Functions In JavaScript | Web Development Tutorials #6013m
    • JavaScript Tutorial: Math Object In JavaScript | Web Development Tutorials #6120m
    • JavaScript Tutorial: Working with JSON in JavaScript | Web Development Tutorials #6210m
    • Backend Tutorial: Node.Js Introduction and Installation | Web Development Tutorials #6324m
    • Backend Tutorial: Node.Js Modules with Examples | Web Development Tutorials #6410m
    • Backend Tutorial: Blocking vs Non-Blocking execution | Web Development Tutorials #6513m
    • Backend Tutorial: Serving HTML Files using NodeJs | Web Development Tutorials #667m
    • Backend Tutorial: Creating a Custom Backend Using NodeJs | Web Development Tutorials #6714m
    • Backend Tutorial: Creating Custom Modules in Node Using NodeJs | Web Development Tutorials #6813m
    • Backend Tutorial: npm: The Node Package Manager Tutorial | Web Development Tutorials #6918m
    • Backend Tutorial: Installing Express and Postman | Web Development Tutorials #7016m
    • Backend Tutorial: Writing our first Express App | Web Development Tutorials #7114m
    • Backend Tutorial: Static Files & Installing Pug template engine | Web Development Tutorials #7218m
    • Backend Tutorial: Using raw HTML in Pug template engine | Web Development Tutorials #7336m
    • Backend Tutorial: Finishing Off NodeJs Backend of our Gym Website | Web Development Tutorials #7412m
    • Backend Tutorial: Dance Website Using Pure Pug + NodeJs | Web Development Tutorials #7547m
    • Backend Tutorial: Designing Cards Using Pure Pug + NodeJs | Web Development Tutorials #7614m
    • Backend Tutorial: Continuing Dance Website using Pug + NodeJs | Web Development Tutorials #7715m
    • Backend Tutorial: Adding Sponsor Section using Pug + NodeJs | Web Development Tutorials #7810m
    • Backend Tutorial: Adding a Contact Form using Pug + NodeJs | Web Development Tutorials #7931m
    • MongoDb Tutorial: Introduction to MongoDb + Installation | Web Development Tutorials #8022m
    • MongoDb Tutorial: Inserting data into the Mongo Database | Web Development Tutorials #8113m
    • MongoDb Tutorial: Searching/Querying data from the Mongo Database | Web Development Tutorials #8214m
    • MongoDb Tutorial: Deleting data from the Mongo Database | Web Development Tutorials #838m
    • MongoDb Tutorial: Updating data from the Mongo Database | Web Development Tutorials #8415m
    • MongoDb Tutorial: MongoDb Compass & Installing Mongoose | Web Development Tutorials #8514m
    • MongoDb Tutorial: Using Mongoose in NodeJs | Web Development Tutorials #8623m
    • Plotting CoronaVirus Cases On World Map - Interactive Dashboard Using JavaScript & MapBox39m
    • Backend Tutorial: Saving Data To The Database Using Pug + NodeJs | Web Development Tutorials #8820m
    • Hosting Tutorial: Where to Host your Website? | Web Development Tutorials #8926m
    • Hosting Tutorial: Creating Our First VPS | Web Development Tutorials #9013m
    • Hosting Tutorial: Installing Putty + Basic Linux Commands | Web Development Tutorials #9116m
    • Hosting Tutorial: Installing Apache2 Web Server on a VPS | Web Development Tutorials #9218m
    • Hosting Tutorial: CoronaVirus Information Website With Hosting | Web Development Tutorials #9349m
    • Hosting Tutorial: Using Filezilla & WinSCP to upload Files | Web Development Tutorials #9412m
    • Hosting Tutorial: Linking Domain to the Web Hosting Server | Web Development Tutorials #9514m
    • Hosting Tutorial: Host Multiple Websites On One Single Hosting Server | Web Development Tutorials#9621m
    • Hosting Tutorial: Deploy NodeJs Apps in Production on Linux VPS | Web Development Tutorials#9737m
    • Installing MongoDb & Hosting our Dance Website on Ubuntu VPS | Web Development Tutorials #9817m
    • Get a Free https SSL Certificate For Your Domain on Ubuntu VPS | Web Development Tutorials #9918m
    • Git Tutorial: How to Upload your Projects to Git & GitHub | Web Development Tutorials #10035m
    • Transparent Login Form using HTML and CSS | Web Development Tutorials #10144m
    • I Created a Realtime Chat Application Using NodeJs and SocketIO1h 30m
    • Create a Responsive Website Using HTML, CSS & JavaScript in Hindi2h 17m

How long it takes

34h 43m of video in 103 lectures. Pick a pace that suits you:

  • Steady

    about 10 weeks

    at 30 minutes a day

  • Regular

    about 5 weeks

    at 1 hour a day

  • Fast track

    about 3 weeks

    at 2 hours a day

Video time only: practice takes a little longer. Your place in every lecture is saved, so you can stop any time.

Earn a certificateLearn more

Watch every lecture, then claim a certificate of completion with your name on it.

  • Its own web page and code, so a school or an employer can check it is real
  • Save it as a PDF or print it
  • Included with the course, at no extra cost

Who teaches it

Sikhami InstituteNew Delhi · 297 courses · 693 learners · 472 followersSikhami Institute is Sikhami's own institute for free learning. We pick some of the best free courses on YouTube, from Harvard's CS50, MIT, NPTEL, Khan Academy, Google, Microsoft, the BBC, Crash Course, PW, Magnet Brains, CodeWithHarry and many more, and turn them into proper courses on Sikhami that you can follow lesson by lesson while your progress is saved. Free courses in every category, in English and Hindi: school and competitive exams, programming and AI, languages, music and dance, art, yoga and fitness, cooking, trades, business, marketing, farming and more. All videos belong to their creators and play from their official YouTube channels, and each course credits its creator. Questions or suggestions? Write to help@sikhami.com.

Questions people ask

Is this course free?

Yes. Joining is free, and the lectures unlock as soon as you join. Once you join, it is yours for life.

How long is the course?

103 video lectures, 34h 43m of video in all. At an hour a day, the videos take about 5 weeks. You learn at your own pace; there are no fixed class times.

Do I get a certificate?

Yes. When you have watched every lecture, you can claim a certificate of completion. It has its own page and code, so anyone can check that it is real. About certificates

What language is it taught in?

Hindi.

Can I learn on my phone?

Yes. Watch on the website or in the Sikhami app for Android with the same account. Your place in every lecture is saved, so you can switch between them.

Can I ask the teacher a doubt?

Yes. Ask it in the questions on the course page, or from inside any lecture while you watch. You can also keep your own notes on each lecture.

Who made these videos?

The lectures are the free, public videos of the YouTube playlist "Web Development Tutorials For Beginners In Hindi: HTML, CSS, JavaScript & More", and they belong to their creator. Sikhami arranges them into a course, so you can learn one lecture at a time and keep track of your progress.

More from Sikhami InstituteSee all

SQL Tutorial in Hindi for Data Analysts (Rishabh Mishra)

Data & AI · 21 lectures · 13 students · Free

4 joined this week

Operating System Complete Course (Gate Smashers)

Computer Courses · 90 lectures · 53 students · Free

2 joined this week

Computer Organization and Architecture (Neso Academy)

Academics Courses · 98 lectures · 39 students · Free

8 joined this week

Generative AI using LangChain in Hindi (CampusX)

Data & AI · 21 lectures · 40 students · Free

13 joined this week