System design (HLD, LLD and architecture)
Front-end System Design
The planned outline of 16 modules. Lessons are written, run and reviewed before they are published.
Before this track
Planned outline
- Module 1
Start here: a method for front-end design
Coming soon - Module 2
How browsers and networks shape designs
Coming soon - Module 3
Rendering architectures
Coming soon - Module 4
Data, APIs and client caches
Coming soon - Module 5
State management
Coming soon - Module 6
Real time, collaboration and notifications
Coming soon - Module 7
Caching, offline and installable apps
Coming soon - Module 8
Performance
Coming soon - Module 9
Accessibility by design
Coming soon - Module 10
Internationalisation
Coming soon - Module 11
Security and privacy
Coming soon - Module 12
Reliability, observability and delivery
Coming soon - Module 13
Architecture at scale
Coming soon - Module 14
Component design (front-end low-level design)
Coming soon - Module 15
Product case studies (front-end high-level design)
Coming soon - Module 16
Interview practice
Coming soon
Official documentation
- web.dev/learn/performance (web.dev)
- developer.mozilla.org/en-US/docs/Web/Performance (developer.mozilla.org)
- www.w3.org/TR/WCAG22 (w3.org)
More in System design (HLD, LLD and architecture)
- System Design (High-Level Design) (coming soon)
- Low-Level Design (Object-Oriented Design) (coming soon)
- Design Patterns (GoF and modern) (coming soon)
- Concurrency & Multithreading (coming soon)
- All System design tracks
- How we make lessons