Engineering craft

Frontend

HTML, CSS, React, rendering, performance.

← Back to all areas

120 XP
HTML Semantics
Structure that assistive technology can read.
•
130 XP
CSS Layout
Flexbox vs grid — when each one wins.
•
150 XP
React Patterns
Composition, hooks, and the useEffect footguns.
•
160 XP
Rendering Strategies
CSR, SSR, SSG, ISR, RSC — pick the right one.
•
170 XP
Web Performance
Core Web Vitals, bundles, and the cost of JavaScript.
•
200 XP
Accessibility
Semantic HTML beats ARIA. Keyboard before mouse. Focus is content.
•
200 XP
Forms & Validation
Native HTML, schema libs, and the UX of telling users they're wrong.
•
220 XP
State Management
Local, URL, server, global — pick the right home for each piece of state.
•
200 XP
Testing Frontend
Vitest, Testing Library, Playwright — and the pyramid that keeps your CI under five minutes.
•