vasanthk/how-web-works

Features

• Browser Architecture Tutorials - Provides comprehensive educational content on the internal components of web browsers, including rendering and networking.
• Browser Layout Tutorials - Describes the recursive layout calculation process used to determine the exact position and size of web elements.
• Browser Painting Tutorials - Explains the process of drawing rendered elements to the screen using stacking contexts and layers.
• CSS Parsing Tutorials - Details how browsers match selectors to elements and apply priority rules to determine final visual properties.
• HTML Parsing Tutorials - Provides a technical explanation of how raw bytes are parsed into HTML tokens and nodes.
• Page Rendering Tutorials - Explains the end-to-end lifecycle of rendering a web page from the initial request to the final pixel.
• Rendering Pipeline Guides - Provides theoretical and practical guides on the browser rendering pipeline from raw data to visual display.
• TLS Handshake Tutorials - Offers detailed educational explanations of the TLS handshake process and secure connection establishment.
• Web Request Lifecycle Tutorials - Traces the step-by-step process of a web request, starting from DNS resolution through to the server response.
• Browser Painting Engines - Describes how the browser draws the final render tree to the screen using layers and stacking contexts.
• Rendering Pipelines - Breaks down the end-to-end sequence of networking, parsing, style, layout, and painting phases.
• Browser Paint Pipelines - Explains the process of drawing the render tree to the screen using positioning schemes and layers.
• DNS Resolution - Details the sequential process of mapping domain names to IP addresses through multiple cache layers.
• HTTP Protocols - Explains the fundamental HTTP protocol, including the use of methods, headers, and status codes.
• DOM Construction - Describes the transformation of raw bytes into tokens and nodes to build the Document Object Model.
• Document Object Models - Details the construction of the hierarchical object tree used to represent document structures.
• Recursive Layout Measurement - Explains the recursive algorithms used to calculate exact element dimensions and coordinates during reflow.
• CSS Styling - Describes the matching and cascading of CSS rules to generate the visual render tree.
• Style Cascading Engines - Explains the engine-level logic used to resolve CSS selectors and apply style priority rules.
• Reflow Calculations - Explains the calculation of exact coordinates and dimensions for elements during the page reflow process.
• HTTP Communication - Explains the exchange of HTTP requests and responses including headers, status codes, and payloads.
• DNS Resolution Tutorials - Offers a step-by-step guide on mapping domain names to IP addresses via browser, OS, and ISP caches.
• HTTP Communication Tutorials - Provides a detailed breakdown of the HTTP communication flow between a client and a server.
• HTTP Protocol Tutorials - Provides a technical breakdown of how HTTP headers, methods, and payloads are structured for browser-server communication.
• Request Matching - Explains how servers match incoming HTTP requests to virtual hosts to trigger specific content handlers.
• Request Tracing - Traces the technical lifecycle of a network request from the initial URL entry to the final render.
• HTTP Request Handlers - Details the routing of HTTP requests to specific virtual host handlers to generate HTML content.
• Request Handling - Describes the server-side process of verifying virtual hosts and executing request handlers.
• System Design Foundations - Explains the fundamental mechanics of how the web functions.
• Web Fundamentals - Explanation of the underlying technologies and protocols of the web.

Star history