The web is used everywhere, not just in browsers.
You see, checking emails, tweeting, browsing, video calling etc., all use the internet.
Thus, a developer should understand how web pages function. This is essential for a developer.
It's also crucial for resolving problems and improving the performance of an application or site.
How Websites Work?
Entering a URL (e.g., https://dev.to/) in the browser starts multiple processes.
These processes can be summarised in four main steps, namely -
- 1οΈβ£ URL Gets Resolved
- 2οΈβ£ Request Is Sent To The Server
- 3οΈβ£ Response From The Server Is Parsed
- 4οΈβ£ Requested Page Is Displayed
Follow along!
Step 1οΈβ£: URL Gets Resolved
Website code is stored on "servers" (a system that provides resources, data, services, or programs to other computers, known as clients, over a network.)
Suppose you enter a domain (e.g., https://dev.to/), which is translated to an IP address (a unique identifying number assigned to every device connected to the internet) using DNS (Domain Name System) servers.
Browsers have the addresses of DNS servers built-in.
After getting the IP address, the process moves to the next step, which is...
Step 2οΈβ£: Request Is Sent To The Server
With the IP address, the browser sends a request to the corresponding server.
Requests contain information and are sent using the HTTP/HTTPS protocol (a protocol for fetching resources such as files)
Servers respond to these requests with data, which can include the code for a website or other types of data.
The server's response is determined by how web developers have programmed the requested website or data.
Step 3οΈβ£: Response From The Server Is Parsed
The browser receives and parses the server's response.
The type of data (e.g., website, PDF) is identified through metadata (data about data in the web page) in the response.
If it's a website, the data is parsed as HTML, which structures the webpage.
Step 4οΈβ£: Requested Page Is Displayed
The browser renders the website using the HTML data.
CSS adds styles to the HTML structure, making the page visually appealing.
Additional data can be fetched as per the instructions in the code.
JavaScript adds dynamic interactivity to the page.
Experience in these technologies will allow you to create engaging and responsive websites.
π Final Thoughts
Here is an article explaining the "fundamentals of the internet", in case you want to explore more about this stuff -
Fundamentals of the Internet π: The Basics π
Arjun Vijay Prakash γ» Aug 30 '23
Okay, that's it for today!
Connect with me @ Linktree.
Happy Coding! π
Thanks for 25390! π€
Top comments (11)
Thank you for sharing your knowledge, this was needed!!
Thanks!
By the way, can we connect?
Ya! sure.
Socials, please?
Mine here: linktr.ee/arjuncodess/
Following on insta n twitterπ
Nice articles πππ BTW, I have another article to explain how browsers can find the IP of a website in millions website, check it here π
This is great! Keep going!
nice post, thank you π I am sure everyone who develops web applications would read that one.
I really appreciate you commenting on my posts, it truly motivates me!
Thanks!!!
Great
Thanks!