technifyed

CodeWithHarry via YouTube Video playlist

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

Overview

This Website development course will teach you about how to create a website from scratch. This web development course is designed for beginners with an aim to take HTML5, CSS3, JavaScript/ES5/ES6 and other concepts to advanced level. You will be able to create a website easily after watching this. This tutorial series is for all those people who want to build career in Web development industry. This video series starts with HTML5 basics and then moves towards advanced CSS3 after which JavaScript and other concepts are discussed. HTML, CSS and JavaScript concepts are taught in depth with exercises and quizzes in between. At the end I have shown you plenty of responsive beautiful websites with source code so that you can gain confidence in web development for life! I hope you will like this course.

Videos in this playlist 80

  1. Introduction to HTML, CSS, JavaScript & How websites work? | Web Development Tutorials #1
  2. HTML Tutorial: Installing VS Code & Live Server | Web Development Tutorials #2
  3. HTML Tutorial: Basic Structure of a Website | Web Development Tutorials #3
  4. HTML Tutorial: Title, Script, Link & Meta Tags | Web Development Tutorials #4
  5. HTML Tutorial: Headings & Paragraphs | Web Development Tutorials #5
  6. HTML Tutorial: Img and Anchor tags | Web Development Tutorials #6
  7. HTML Tutorial: Lists and Tables | Web Development Tutorials #7
  8. HTML Tutorial: Forms & Input Tags | Web Development Tutorials #8
  9. HTML Tutorial: Inline & Block Elements | Web Development Tutorials #9
  10. HTML Tutorial: Ids & Classes in HTML | Web Development Tutorials #10
  11. HTML Tutorial: HTML Entities | Web Development Tutorials #11
  12. HTML Tutorial: Semantic Tags in HTML| Web Development Tutorials #12
  13. CSS Tutorial: Introduction to CSS | Web Development Tutorials #13
  14. CSS Tutorial: Inline, Internal & External CSS | Web Development Tutorials #14
  15. CSS Tutorial: Selectors in CSS | Web Development Tutorials #15
  16. CSS Tutorial: Using Chrome Developer Tools | Web Development Tutorials #16
  17. CSS Tutorial: Fonts In CSS | Web Development Tutorials #17
  18. CSS Tutorial: Colors In CSS | Web Development Tutorials #18
  19. CSS Tutorial: Borders and Backgrounds | Web Development Tutorials #19
  20. CSS Tutorial: CSS Box Model, Margin and Padding | Web Development Tutorials #20
  21. CSS Tutorial: Float & Clear Explained | Web Development Tutorials #21
  22. CSS Tutorial: Styling Links & Buttons | Web Development Tutorials #22
  23. CSS Tutorial: Creating a Navigation Menu | Web Development Tutorials #23
  24. CSS Tutorial: CSS Display Property | Web Development Tutorials #24
  25. CSS Tutorial: Position absolute, relative, fixed and sticky in CSS | Web Development Tutorials #25
  26. Project 1: Creating a Gym Website Using HTML5 & CSS3 | Web Development Tutorials #26
  27. CSS Tutorial: Visibility & z-index Explained | Web Development Tutorials #27
  28. CSS Flexbox Tutorial in Hindi | Web Development Tutorials #28
  29. CSS Tutorial: em, rem, vh and vw units + Responsive design Explained | Web Development Tutorials #29
  30. CSS Tutorial: Media Queries Explained | Web Development Tutorials #30
  31. CSS Tutorial: More on CSS Selectors | Web Development Tutorials #31
  32. CSS Tutorial: Attribute & nth child pseudo Selectors | Web Development Tutorials #32
  33. CSS Tutorial: Before and After Pseudo Selectors | Web Development Tutorials #33
  34. CSS Tutorial: Box Shadow and Text Shadow | Web Development Tutorials #34
  35. CSS Tutorial: Variables & Custom Properties | Web Development Tutorials #35
  36. CSS Tutorial: Creating Animations & Keyframes | Web Development Tutorials #36
  37. CSS Tutorial: Creating Transitions in CSS | Web Development Tutorials #37
  38. CSS Tutorial: Transform property in CSS | Web Development Tutorials #38
  39. Creating Fully Responsive Website Project Using HTML & CSS in Hindi | Web Development Tutorials #39
  40. CSS Grid: Introduction & Creating A Basic Grid | Web Development Tutorials #40
  41. CSS Grid: Creating Rows & Gaps in Grid | Web Development Tutorials #41
  42. CSS Grid: Spanning Multiple Rows and Columns in Grid | Web Development Tutorials #42
  43. CSS Grid: Autofit & MinMax | Web Development Tutorials #43
  44. CSS Grid: Creating Layouts Using Grid Template Area | Web Development Tutorials #44
  45. Using Media Queries with CSS Grid | Web Development Tutorials #45
  46. Introduction to JavaScript for Frontend & Backend | Web Development Tutorials #46
  47. Writing in-browser JavaScript and Developer Console | Web Development Tutorials #47
  48. Variables, Data Types and Operators in JavaScript | Web Development Tutorials #48
  49. Strings in JavaScript | Web Development Tutorials #49
  50. String Functions in JavaScript | Web Development Tutorials #50
  51. Scope, If-else Conditionals & Switch Case in JavaScript | Web Development Tutorials #51
  52. Arrays & Objects in JavaScript | Web Development Tutorials #52
  53. Functions in JavaScript | Web Development Tutorials #53
  54. JavaScript Tutorial: Interaction - Alert, Prompt, Confirm | Web Development Tutorials #54
  55. JavaScript Tutorial: for, while, forEach, Do While Loops | Web Development Tutorials #55
  56. JavaScript Tutorial: Navigating The DOM | Web Development Tutorials #56
  57. JavaScript Tutorial: Events & Listening to Events | Web Development Tutorials #57
  58. JavaScript Tutorial: setInterval & setTimeOut | Web Development Tutorials #58
  59. JavaScript Tutorial: Date & Time In JavaScript | Web Development Tutorials #59
  60. JavaScript Tutorial: Arrow Functions In JavaScript | Web Development Tutorials #60
  61. JavaScript Tutorial: Math Object In JavaScript | Web Development Tutorials #61
  62. JavaScript Tutorial: Working with JSON in JavaScript | Web Development Tutorials #62
  63. Backend Tutorial: Node.Js Introduction and Installation | Web Development Tutorials #63
  64. Backend Tutorial: Node.Js Modules with Examples | Web Development Tutorials #64
  65. Backend Tutorial: Blocking vs Non-Blocking execution | Web Development Tutorials #65
  66. Backend Tutorial: Serving HTML Files using NodeJs | Web Development Tutorials #66
  67. Backend Tutorial: Creating a Custom Backend Using NodeJs | Web Development Tutorials #67
  68. Backend Tutorial: Creating Custom Modules in Node Using NodeJs | Web Development Tutorials #68
  69. Backend Tutorial: npm: The Node Package Manager Tutorial | Web Development Tutorials #69
  70. Backend Tutorial: Installing Express and Postman | Web Development Tutorials #70
  71. Backend Tutorial: Writing our first Express App | Web Development Tutorials #71
  72. Backend Tutorial: Static Files & Installing Pug template engine | Web Development Tutorials #72
  73. Backend Tutorial: Using raw HTML in Pug template engine | Web Development Tutorials #73
  74. Backend Tutorial: Finishing Off NodeJs Backend of our Gym Website | Web Development Tutorials #74
  75. Backend Tutorial: Dance Website Using Pure Pug + NodeJs | Web Development Tutorials #75
  76. Backend Tutorial: Designing Cards Using Pure Pug + NodeJs | Web Development Tutorials #76
  77. Backend Tutorial: Continuing Dance Website using Pug + NodeJs | Web Development Tutorials #77
  78. Backend Tutorial: Adding Sponsor Section using Pug + NodeJs | Web Development Tutorials #78
  79. Backend Tutorial: Adding a Contact Form using Pug + NodeJs | Web Development Tutorials #79
  80. MongoDb Tutorial: Introduction to MongoDb + Installation | Web Development Tutorials #80

Advantages and disadvantages

Advantages

  • Free and complete: every lecture is in the playlist, in order.
  • Watch at 1.5x, skip what you know, rewatch what you don't.
  • Taught in Hindi (or Hinglish), which many students find easier to follow.
  • Made for Indian students, with placement and exam context.
  • 8,986,094 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (80 videos) you can see before you start.

Disadvantages

  • No certificate, deadlines or graded work.
  • Quality and depth vary: check that the playlist is finished before you start.
  • Less depth than a university course on some topics.
  • No certificate.
  • No graded assignments or feedback.
  • Recorded in 2019: tools may have changed since.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

CodeWithHarry is in Tier 3: good universities, respected companies, nonprofits and well-known teachers of our institution ranking (74/100). Hindi, beginner-friendly.

Similar courses

Compare these

Harvard University · YouTube

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

Free video11 videos, 16 hours

Massachusetts Institute of Technology · YouTube

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

Free video26 videos, 28 hours

Harvard University · YouTube

CS50's Web Programming with Python and JavaScript (CS50W) 2020

This is CS50W, CS50's Web Programming with Python and JavaScript. Register for free at https://cs50.edx.org/web. Slides and source code at https://cs50.harvard.edu/web. This course picks up where Harvard University’s CS50 leaves off, diving more deeply into the design and implementation of web apps…

Free video10 videos, 14 hours

Harvard University · YouTube

CS50's Introduction to Artificial Intelligence with Python 2023

This course explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory beh…

Free video8 videos, 12 hours

Harvard University · YouTube

CS50's Introduction to Artificial Intelligence with Python 2020

This course explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory beh…

Free video8 videos, 13 hours

Massachusetts Institute of Technology · YouTube

MIT 18.S997 Introduction to MATLAB Programming Fall 2011

View the complete course: http://ocw.mit.edu/18-S997F11 Instructor: Yossi Farjoun This course is intended to assist undergraduates with learning the basics of programming in general and programming MATLAB® in particular. License: Creative Commons BY-NC-SA More information at http://ocw.mit.edu/term…

Free video6 videos, 50 minutes

Enter your email and the official page opens. Phone is optional.