https://www.youtube.com/watch?v=1XbvNSwvkAs&embedable=true What Happens When You Type in an Url Okay, so what happens when JayP clicks on a URL? How would the internet take him to his desired website? Servers Before that, what exactly are websites? Websites are collections of files, and images, that tell your browser how to display the site. Hello, thanks for the submission! However, it appears that all of, or the majority of, this article was written by an AI. So, we will have to reject it. If you believe this is a mistake, please let us know! URL Structure The URL is an address that shows where a particular page can be found. The first part corresponds to the protocol used. A protocol is a set of rules that browsers use for communication over the network. 'https' is the secure version of the HTTP protocol. The second part, is a . , www.jaypland.com domain name We use it to reach the server that is responsible for serving the information for that website. IP In order for the web page to be retrieved, the URL needs to be translated into an . IP address Clients interact through IP addresses which are unique identifiers. The IP tells to which server to connect. Actually, every device connected to the internet has a unique IP address. JayP could use the IP address instead of the URL to get content from a website. But, think of it for a second, it would be impossible to remember the IP addresses of every website! That's why domain names were invented. Now, to understand how domain names are converted to IP addresses, we need to talk about DNS. DNS stands for and it is a huge database where domain names are stored with their corresponding IP addresses DNS Domain Name System, You could think of it as the phone book of the internet. Now, how DNS works is a topic on its own and deserves its separate video, but here is the gist of it. When JayP clicks on a link, the browser checks its own cache; if the IP is not found, then it will check the operating system cache. If the browser still cannot find the IP address, it will send a DNS query to the DNS resolver specified in the operating system's network settings, which is by default the ISP’s DNS resolver. The resolver will check its own cache. If the IP is still not found at any of those cache layers, the resolver will do a recursive DNS lookup. A recursive DNS lookup asks multiple DNS servers for the DNS record until it is found. The authoritative name server is responsible for knowing everything about the domain name. Finally, the resolver gets the IP address associated with the domain name and sends it back to the browser. Connection With the Server Using TCP Now, once the of the server is , the browser with it using what is called a IP address found initiates a connection ‘TCP 3-way handshake.’ If you want to know more about it, we have a separate video explaining the handshake in detail in our YouTube channel. HTTP Once the connection is initiated, the browser will send an HTTP Get request to the server to get the webpage. GET/ jaypland.com <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JayPLand</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body style="background-color: #00008B;">
    <h1>JayPLand</h1>
    <span>Where every click is an adventure</span>
    <img src="https://cdn.jaypland.com/jayp.png" alt="JayP Logo">
    <script src="script.js"></script>
</body>

</html> Then, the rendering engine of the browser starts interpreting and displaying the content. If the page has images or videos, the browser will see this and request that they be brought to the web page as well. And ta daaa...just like that, the web page has loaded!

JWT Explained in 4 Minutes, With Visuals

What Happens When You Click a URL: DNS Lookup, TCP Handshake & HTTP Request

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

A Simplified Guide to TLS Certificates 📝

10 Cool CI/CD Tools For Your Project

27 Stories To Learn About Ssl

20 Essential Backend Tools For Developers

3 Most Common Ways to Connect your Node and React Applications

369 Stories To Learn About Database

A Simplified Guide to TLS Certificates 📝

10 Cool CI/CD Tools For Your Project

27 Stories To Learn About Ssl

20 Essential Backend Tools For Developers

3 Most Common Ways to Connect your Node and React Applications

369 Stories To Learn About Database

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps