DEV Community

Vipul Kumar
Vipul Kumar

Posted on β€’ Edited on

1. Processes When Typing Google.com

Processes When Typing Google.com

🌐 DNS Request β€” When you type 'google.com', your browser sends a request to a DNS server to translate the domain name into an IP address, which acts like an internet address book.

🀝 TCP/IP Handshake β€” After obtaining the IP address, your computer establishes a connection with Google's server using the TCP/IP protocol, ensuring reliable data transmission.

πŸ”’ Secure Connection β€” The browser initiates a secure connection using HTTPS, employing SSL or TLS encryption to protect data exchanged between your computer and the server.

🚦 Load Balancer β€” Google's infrastructure uses a load balancer to distribute incoming requests across multiple servers, ensuring efficient handling of traffic.

πŸ“„ Webpage Components β€” The server processes the request and sends back the necessary HTML, CSS, and JavaScript files to render Google's homepage on your browser.

DNS and IP Address

πŸ“– DNS Function β€” The Domain Name System (DNS) translates human-readable domain names like 'google.com' into IP addresses that computers use to identify each other on the network.

πŸ” DNS Cache β€” Before querying a DNS server, the browser checks its local DNS cache for the IP address to speed up the process.

πŸ“‘ DNS Query β€” If the IP address is not cached, the browser sends a query to a DNS server, often provided by the user's Internet Service Provider (ISP).

πŸ”„ Recursive DNS β€” If the initial DNS server does not have the IP address, it performs a recursive search, querying other DNS servers until it finds the correct address.

πŸ—ΊοΈ IP Address β€” The DNS server returns the IP address of the Google server, allowing the browser to initiate a connection.

TCP/IP Connection

πŸ”— TCP/IP Protocol β€” The Transmission Control Protocol/Internet Protocol (TCP/IP) is a set of rules governing the connection and communication between computers on the internet.

🀝 Three-Way Handshake β€” The connection begins with a three-way handshake involving SYN, SYN-ACK, and ACK packets to establish a reliable connection.

πŸ“¦ Data Packets β€” Once the connection is established, data is sent in packets, each containing a portion of the webpage data.

πŸ“Ά Reliable Transmission β€” TCP ensures that packets are delivered accurately and in the correct order, resending any lost packets.

πŸ›‘οΈ Error Checking β€” TCP includes error-checking mechanisms to detect and correct errors in data transmission.

Webpage Rendering

πŸ–₯️ HTML, CSS, JavaScript β€” The server sends back HTML, CSS, and JavaScript files, which the browser uses to render the webpage.

🎨 HTML Structure β€” HTML provides the structure of the webpage, defining elements like headings, paragraphs, and links.

🎨 CSS Styling β€” CSS is used to style the webpage, controlling the layout, colors, fonts, and other visual aspects.

πŸ–±οΈ JavaScript Interactivity β€” JavaScript adds interactivity to the webpage, enabling dynamic content and user interactions.

πŸ”„ Rendering Process β€” The browser parses the HTML, applies CSS styles, and executes JavaScript to display the final webpage.

LinkedIn
WhatsApp
Facebook
Daily Dev
Medium
Dev.to
Github

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

πŸ‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay