Web Development Series | Session 1

In this session, we have discussed all the technologies involved in web development. This session is for 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. 




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.




Source code ( Session 1 ) 🔽



<!DOCTYPE html>
<htmllang="en">
<head>
  <!-- meta tags are information about your website