26 lessons to help you think, talk, and lead like a senior frontend engineer.
A self-contained study system covering performance, rendering, architecture, security, testing, and system design — built for engineers preparing for senior and staff-level frontend interviews.
This material is intentionally condensed. Each lesson distills a topic down to what matters most in an interview setting — the concept, the trade-offs, and how to talk about it confidently in the room.
It is not a replacement for deep reading. Every lesson ends with citations to authoritative sources (MDN, web.dev, Chrome for Developers, specs). If a topic is new to you or you want real depth, follow those links — they are the canonical references this material is built on.
1 How to use this
- 1 Work through lessons in order. The syllabus is sequenced — early lessons (resource hints, CRP, Web Vitals) give you the vocabulary and mental models everything else builds on.
- 2 Follow the depth links when a topic is new to you. The citations at the bottom of each lesson point to the primary sources. The lesson tells you what to say in the room; the links tell you why it's true.
- 3 Use the cheat sheet before your round. Each lesson has a companion reference card — browse them all at /cheatsheet. Open one the morning of your interview, cover the right column, and recite each one-liner from memory. If you hesitate, re-read the lesson.
- 4 Talk through the quizzes out loud. Don't just click an answer — explain your reasoning as if the interviewer is in the room. The discomfort of saying it aloud is the point.
2 Lessons
3 Cheat sheets
The compressed form — memorise one-liners, interview traps, and quick-reference tables. Reprint the morning of your round, cover the right column, and recite each line from memory. Browse all 26.