What is frontend web development?

When ever you see a website, it is made of two parts, frontend and backend. Frontend part of a website is that what you can see. It is basically the design or look of the website and the functionality that a user can use. Here, the term functionality should not be confused with the functionality of the backend. In frontend, the functionality is provided by JavaScript, with which the user an interacts.

The frontend is divided into 3 parts:

    1. HTML (Hypertext Markup Language)

    2. CSS (Cascading Style Sheet)

    3. JS (JavaScript)

Let me explain these three things with a real life analogy.



In the picture above you can see that, the metal part of the car, i.e., it's structure is marked as HTML. The second picture in which the car is fully customized to it's look, i.e., the designing part is marked as CSS. The third picture in which the car is moving, i.e., doing some task or function is marked as JS.

This is what exactly the frontend part HTML, CSS and JS is. The HTML is the part which is used to give the basic structure of a webpage, i.e., what the webpage will be containing, for example, the header, input box, text area, button, radio button, checkbox, etc. The CSS is the part in which we give design to a webpage. After the structure of the webpage is made, now it's time to make the placement of those item in a webpage, how the items will look, color, size, animation, etc. This is, one of the most important part of frontend as the user would love to see a website which is good in look and it has an interactive page, which is done by JS. Yes, JS is used to make the website interactive. The task of JS is to add some functionality to the webpage. Here, I would relate it to the example of car which I gave above, once the car is structured and has got a design, but what we will do with that car, because it is just dummy without an engine. In frontend also, just giving structure and design doesn't make a website working, for that we need to add engine to a webpage that is JS.

By now, I hope that the concept of HTML, CSS and JS would be clear. And, you all have understood that to make frontend part of a website all the three HTML, CSS, JS are required.