Skip to main content

From CPU to the Browser

Master every layer from bare metal to production React. Build browsers, engines, and frameworks from scratch.

Prerequisites

Review the required knowledge and skills before starting the course

Course structure

Explore the complete 12-week curriculum from CPU architecture to React

Hardware fundamentals

Week 0.5: CPU architecture, memory systems, and low-level execution

Networking from scratch

Week 1: Socket programming, HTTP, TLS, and WebSocket basics

Browser engine

Weeks 2-3: HTML parsing, CSS engine, layout, paint, and compositing

JavaScript engine

Weeks 4-5: Parsing, bytecode VM, garbage collection, and event loop

Virtual DOM

Week 6: Reconciliation algorithms, batching, and reflow optimization

React internals

Week 7: Fiber reconciler, hooks, concurrent features, and SSR

Performance engineering

Week 8: Profiling, optimization techniques, and critical rendering path

Engine modification

Week 9: V8/Chromium hacking, debugging, and WebAssembly integration

Hardware constraints

Week 10: Embedded systems, stress testing, and constraint optimization

Capstone project

Weeks 11-12: Build a complete production-ready system from scratch

What you’ll build

This comprehensive 12-week course takes you from CPU architecture to production React applications. You’ll build real, working implementations of:

Browser engine

Complete HTML/CSS/JS rendering engine with layout, paint, and compositing

JavaScript engine

Full JS interpreter with closures, prototypes, async/await, and event loop

React framework

React clone with Fiber reconciler, hooks, and concurrent rendering

SSR framework

Server-side rendering with streaming, hydration, and file-based routing

Learning outcomes

You will understand and have built every layer of the modern web stack.
By the end of this course, you’ll have deep knowledge of:
  • CPU execution and memory management
  • Network protocols and servers
  • Browser engines (parsing, layout, paint, composite)
  • JavaScript engines (parser, interpreter, GC, event loop)
  • Virtual DOM and reconciliation
  • React internals and concurrent rendering
  • SSR and hydration systems
  • Performance profiling and optimization
You’ll debug and optimize at every level of the stack with complete confidence.

Build docs developers (and LLMs) love