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

Appearance

Frontend Beginner — Learning Path ​

Someone new to frontend who wants to become a productive junior engineer.

Level: Foundational · Required: 93 articles (~13.8 h) · Optional: 27 articles (~4.5 h)

Difficulty of required articles: Foundational 81 · Intermediate 12.

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. Explain how the browser turns HTML/CSS/JS into pixels
  2. Author a semantic, responsive page with Flexbox and Grid
  3. Write modern JavaScript: closures, async/await, modules
  4. Reason about the DOM and the event loop
  5. Build an interactive React component with state and effects

Expected skills ​

By completing the required articles you should be able to:

  • Semantic HTML and responsive CSS
  • Core JavaScript fluency (async, closures, modules)
  • A working mental model of the web platform
  • Basic React components with state and effects

Required articles ​

The Web Platform ​

HTML & Document Semantics ​

CSS & Visual Systems ​

JavaScript ​

Browser APIs ​

React ​

Optional articles ​

TypeScript ​

CSS & Visual Systems ​

Networking & Protocols ​

Accessibility ​

Developer Experience & Workflow ​

← All learning paths · Knowledge Map · Dependency Graph

Peer-reviewed engineering decisions · MIT licensed

Frontend Engineering