Lesson 127
Web Development
HTML · CSS · JavaScript · the browser · frameworks
1:00How a web page is built and rendered — from the three core pillars (HTML, CSS, JavaScript) through the DOM, the browser rendering pipeline, the CSS box model, component-based state, and the CSR vs SSR tradeoff.
By the end, you can
- Name the three core web pillars and state the role of each.
- Explain what the DOM is and how it differs from the original HTML source file.
- List the five steps of the browser rendering pipeline in order and explain why CSS is render-blocking.
- Describe the four layers of the CSS box model from innermost to outermost.
- Explain why `box-sizing: border-box` simplifies layout compared to the default `content-box`.
- Describe how React reconciliation updates the real DOM efficiently when state changes.
- Compare CSR and SSR, including the concepts of first paint, SEO, and hydration.
Up next in Software Engineering & Web
