❦In memory of Saber Rastikerdar — creator of · Vazirmatn, the open typeface he gave the Persian web and asked nothing for.
Frontend Engineering

Appearance

Senior Frontend Engineer — Learning Path ​

A broad, autonomous engineer who owns features end-to-end with quality across the whole stack.

Level: Advanced · Required: 221 articles (~47.5 h) · Optional: 55 articles (~14.1 h)

Difficulty of required articles: Foundational 30 · Intermediate 152 · Advanced 39.

Follow the sections in order. Articles link into docs/; each shows its difficulty and estimated reading time. Full prerequisites for any article are in its domain's graph.json (see GRAPH.md).

Milestones ​

  1. Own a feature end-to-end: UI, state, data, tests, a11y
  2. Make deliberate rendering and state-architecture choices
  3. Meet performance, security, and accessibility bars by default
  4. Ship safely with CI, monitoring, and error tracking
  5. Raise the bar through reviews and refactoring

Expected skills ​

By completing the required articles you should be able to:

  • Full-stack-of-frontend delivery with quality built in
  • Sound state, data, and rendering architecture
  • Performance, security, and accessibility as defaults
  • Production operability and code stewardship

Required articles ​

JavaScript ​

TypeScript ​

React ​

Rendering Architectures ​

State Management ​

Data & Server State ​

Routing ​

Component & Interaction Design ​

Frontend Architecture ​

Performance Engineering ​

Security ​

Testing & Quality ​

Accessibility ​

Developer Experience & Workflow ​

Observability & Reliability ​

Engineering Practices ​

Optional articles ​

API Design & Contracts ​

Build Systems & Tooling ​

Design Systems ​

Progressive & Cross-Platform Web ​

Delivery & Infrastructure ​

← All learning paths · Knowledge Map · Dependency Graph

Peer-reviewed engineering decisions · MIT licensed

Frontend Engineering