How do web browsers work?

12-12-2023

03:15 PM

timer
1 min read
How do web browsers work? Blog Image

Overview:

Web browsers translate code into the dynamic web pages that form the backbone of our online experiences.

About Web browsers

  • The browser is an application that people use to send and receive messages via the internet.
  • It is a program that runs on your device, with its purpose being to fetch information in different formats from the internet and show it on the device.
  • It also does the reverse, receiving your input (say, a click), translating it to code, and transmitting it to some other machine across the internet.
  • In 1990, the English computer scientist Tim Berners-Lee introduced the concept of the World Wide Web also named ‘WorldWideWeb’.
  • Modern web browsers have multiple core components
    • Request and response – When we enter a website’s address (in the form of the Uniform Resource Locator, or URL) into your browser’s address bar.The browser sends a request to a server, asking for the contents of the specific web page you’re interested in.
    • This request travels through a network of servers, upon reaching the server, the request is received and processed. The server then formulates a response containing the information (or data) required to construct the web page.
    • Deconstructing the response – The response from the server is not a singular entity. Instead, it is an amalgam of various files. Typically, these files have information encoded in three languages: HTML, CSS, and JavaScript.
    • Hypertext Markup Language (HTML): It provides the architectural blueprint of a webpage.
    • Cascading Style Sheets (CSS): This information imparts style and aesthetics to the HTML structure by controlling attributes like colour schemes, fonts, spacing, and positioning. CSS ensures that the webpage comes into its unique visual identity.
    • JavaScript: It is the dynamic engine, making web pages interactive and responsive. It allows interactive elements like pop-ups, forms, animations, and real-time updates, creating an engaging user experience.
    • Rendering –This involves deciphering the HTML to understand the structural arrangement, applying CSS for stylistic finesse, and executing JavaScript to infuse interactivity.
    • Managing data – Browsers serve as adept custodians of your digital footprint, so they also implement instruments like cookies and cache to enhance your online experience.
    • Cookies are small snippets of data stored on your computer by websites you visit.

Q1) What does the Internet Mean?

The Internet is a globally connected network system that facilitates communication and data services through a vast collection of private, public, business, academic, and government networks. The Internet is decentralized, which means there is no central authority governing its operations. To enable communication between devices, the internet relies on protocols and standards that govern how small units of data are formatted, addressed, and transmitted. 

Source: How do web browsers work? | Explained