How Javascript Works on Web?

As you learnt in the last segment, JavaScript drives web development. But what exactly is web development? Well, let’s learn about that in detail in the next video.

You just learned that there are two different types of web pages - static and dynamic.

A static web page is the one in which the content does not change with time. Also, this kind of web page does not need to interact with the user. These kinds of web pages are often used to display static information such as the name of a company, its goals, mission, vision, address, etc - the kind of information which does not change over time for different users.

A dynamic web page, on the other hand, is constantly updating, it interacts with the servers constantly and keeps on updating its content according to the data sent by the servers, hence the name dynamic.  These are useful when you want to display information that keeps on changing over time for different users. One example could be a news website which continually needs to change its data in accordance with the current news.

A website is a collection of interlinked web pages - static or dynamic.

A website is made up of three components - HTML, CSS and JavaScript, and each of them performs a major function. So, let’s learn about them in detail.

Imagine that you have created a driving simulator website which displays a car. Let's understand how the different components of this website will perform different functions.

• HTML is the building block of the car. With reference to the driving simulator website, it is the body of the vehicle, the door, the seats, etc. It serves as the foundation of a car.
• CSS is how different elements of the car are painted and arranged. So whether the car is colored black or white, whether the dashboard looks near or odd, that’s all CSS.
• JavaScript describes the internal functioning of the car. So, when you press a button on the webpage to power on the Stereo Player, music starts playing in the background. That’s done by JavaScript. JavaScript is what can move the car from one corner to another, thus making the web page interactive.

In the web, JavaScript does almost all the interactions that you see. When you click on a button to go to another page, the special animations that you see are all done by JavaScript.

If you ever wish to move into Web Development and become a Front-end Developer, you need to have a strong grip over JavaScript.