Course Content

Introduction to HTML, CSS, JavaScript & How websites work? | Web Development Tutorials #1

I started this course as an attempt to teach you web development in a fun, easy way! The aim of this course is to teach you how to build a high-quality, responsive, and modern website using HTML, CSS, and JavaScript.

In this course, you will learn about all the technologies involved in web development. All the videos will be uploaded on my YouTube channel “CodeWithHarry” under the playlist section, which you can access from the video description on YouTube. This course is going to benefit all those students who do not know anything and are new to this field. You will get complete knowledge of HTML, CSS, and JavaScript. You will get full information from scratch about web development. Also, those who already have some knowledge can go through the course to learn even further as there are a lot of advanced websites that we will look into by the end of this course.

Now let us first understand what HTML, CSS, and Javascript are for? For every website to be designed, HTML (HyperText Markup Language) is a must. This is the skeleton of a website. Without it, no website can run. CSS (Cascading Style Sheets) adds beauty to that website and JavaScript adds the brain to allow the functioning of that website. Therefore, CSS and JavaScript add beauty and brain to a particular website respectively. 

Let us now take another example of a car. The HTML acts as the metallic body of a car and the CSS acts as the color and design of the car. Finally, the engine of a car is like the JavaScript on the website to add functionality. 

Normally, a client or a user sends a request to the webserver of the website, he wants to visit. The web server that has its own IP address stores all the files in the backend which can be written in PHP, Python, or Node.js. The web server sends a response to the client in the form of HTML, CSS, and JavaScript. 

Finally, to understand-

  • HTML is used as a standard language for any website design. It acts as a static skeleton to a web application. It’s a well-standardized system.
  • CSS is used to handle the presentation of the web page. It makes the website look attractive and beautiful.
  • JavaScript allows scripting on your website and makes it completely dynamic in nature. It provides front end scripting for your website and is a high-level dynamic interpreted programming language.

Now, HTML, CSS, and JavaScript have a lot of concepts in them which we will take over through the span of this course. Therefore, it cannot be learned all at once. If you are a beginner, learning HTML up to 80%, CSS up to 40-60%, and JavaScript up to 50-70% will be more than enough to start building websites. This is something nobody in the web development industry talks about and hence I thought to share this personal advice with all of you.  Please don't get me wrong when I say that. Once you have learned and understood the bare minimum to build a website you can come back to the course and start watching it once again for perfecting and sharpening the already learned concepts. Sometimes following this practice gets difficult, the good news is that once you start watching these videos and get your hands dirty with basic HTML, CSS, and JavaScript, the rest you will gradually learn based upon your practices and experiences with the help of projects I have designed as a part of this course. You need to learn all the concepts simultaneously and co-relate all the things by practicing them.

So this was the introductory part where we have learned the basic concepts of HTML, CSS, and JavaScript. By following the course, you will learn some advanced concepts and build your website. Therefore, go through the course and start your journey to become a better web developer.


Ratul525# 1 year, 2 months ago
Prince_950 1 year, 1 month ago
Hello bhai
website development kare ge to google adds ke liye area kaise banaye ge
hjobaer 1 year, 1 month ago
mein html ke sath css add karnekelia external css use kartahu. but vs code pey external css ke sath media queries use nehi karparahahu.
ajink 2 months, 4 weeks ago
kar sakte hai , media queris aap sahi se check karo 
Ahsan123 1 year ago
AJAYAMOLA 1 year ago
visit in my website and tell mi what i can add in it
or harry bhai make a video on{{ seo }}
Amit829105 11 months, 3 weeks ago
Harry sir, I am regular student of your course "Web Development", I want to make a search box as shown in this link but unsuccessful. Please help me and response to this query as soon as possible, I have deep hope with you.
Thank you.
mtanwar2 11 months, 2 weeks ago
Please Add Boot strap also in this tutorial 
kundal0506 10 months, 3 weeks ago
Hello Harry Sir..
I have seen all your videos of web development with HTML, CSS and Javascript and  the way you teach programming is absolutely commendable . After going through all these videos, i have made some designs of websites. Up to HTML and CSS i have no problem at all but with javascript i am facing a little bit problem and that will be cleared after a few days. It is my request sir, please make a complete website of some organisation in which there is log in form, where the organisation can upload information in the form of pdf files to show information to the public, where organisation can sell their products etc. I think it would be much more beneficial for all of us if you make this website in a single video. Please don't try to focus much more on HTML and CSS but focus on backend and hosting..
Ektacode28 10 months ago
if we have two divs in one container of display flex and i want 1st div in starting of flex(by default it is) but i want second div in the  center of container how will i do i tried everything which u taught what i am missing please help me.
spy 9 months ago
apke liye ek code 
margin: auto;
} or ab bhi nhi ho rha ho to aap hme Insta pr DM kre @spyrishu  ok ;)
ahmedskamal 9 months, 4 weeks ago
Adaab. Ahmed Kamal, Lahore, Pakistan.


No downloadable resources for this video. If you think you need anything, please post it in the QnA!

Course Announcements

Any Course related announcements will be posted here