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 NodeJs. The web server after some computations sends the 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.

Comments(21)

Ratul525# 8 months, 2 weeks ago
Awsome
Prince_950 8 months, 1 week ago
Hello bhai
website development kare ge to google adds ke liye area kaise banaye ge
hjobaer 7 months, 1 week ago
Harry,
mein html ke sath css add karnekelia external css use kartahu. but vs code pey external css ke sath media queries use nehi karparahahu.
Ahsan123 7 months, 1 week ago
from
   KARACHI
AJAYAMOLA 6 months, 2 weeks ago
HELLO HARRY BHAI 
visit in my website and tell mi what i can add in it
https://skullads.com
or harry bhai make a video on{{ seo }}
Amit829105 6 months ago
Harry sir, I am regular student of your course "Web Development", I want to make a search box as shown in this link https://colorlib.com/wp/template/citylisting/ but unsuccessful. Please help me and response to this query as soon as possible, I have deep hope with you.
Thank you.
mtanwar2 5 months, 3 weeks ago
Please Add Boot strap also in this tutorial 
kundal0506 4 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..
Thanks.
Ektacode28 4 months, 1 week 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 3 months, 1 week ago
apke liye ek code 
 .container{
margin: auto;
} or ab bhi nhi ho rha ho to aap hme Insta pr DM kre @spyrishu  ok ;)
ahmedskamal 4 months ago
Adaab. Ahmed Kamal, Lahore, Pakistan.
Aaditya123 3 months, 4 weeks ago
gajab ke insaan ho yar aap harry bhai 
jitesh20 3 months ago
Bhai iske notes ya cheat sheet provide kardi
ameerali 2 months, 2 weeks ago
Respected Harry Sir
My name is Ameer, from Pakistan
I really appreciate your help.

Thank you!
thunderer 2 months ago
harry cheat sheet please!!
iqbaldev 2 months ago
Hi, Nice. from UK
sachindp 1 month, 4 weeks ago
From maharashtra.
raja06 1 month, 3 weeks ago
Rajinder from punjab
arman1417 1 month, 2 weeks ago
Ignore This || 4:56
96anil 4 days, 18 hours ago
Hello harry my name is Anil and I want to web development class notes 1video to 10 vedios plz
rchavan 2 days, 8 hours ago
Hello Harry Bhai,
could you please create one video on ci/cd pipeline? it would be very helpful for us

Thank you!!

Resources

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