From entering the URL to rendering the page: How the Web Works

Every journey will have a path and significant milestones. The web App is no different. Have you ever wondered how a random text (domain) we enter in the browser will return a beautiful website? Let’s explore the journey of a website, from typing a URL to seeing it in the browser.

Understanding how the web works is very important for a front-end developer, and it will definitely help you in your front-end interviews.

TL;DR;

- Entering the URL in the browser

- DNS LOOKUP for server IP address

- Establishing a connection with the server

- Sending the request to the Server

- Server Prepares the response

- Sending the Response back to the browser

- Finally, Rendering the page on the browser

The Adventure Begins

Typing the URL

• When you press enter after typing the URL “simplified.ninja”, the browser springs into action. But first, it should know where the “simplified.ninja” lives.

DNS Lookup

• The browser asks for the domain name server where I can “simplified.ninja”.