Frontend Engineer
Craft accessible, fast interfaces — and the new skill: designing UX for streaming, AI-driven experiences.
Roadmap progress
0% 0 of 8 steps done
How to read the signals
- 1
Semantic HTML & modern CSS
Flexbox, grid, custom properties, container queries. The platform is more capable than you think.
Importance High Market demand High Automation risk Medium - 2
Modern JavaScript & TypeScript
Async, modules, the DOM, then types everywhere. The language carries the whole ecosystem.
Importance High Market demand High Automation risk Medium - 3
Accessibility (a11y)
Semantics, focus management, ARIA, contrast. A baseline expectation, not a nice-to-have.
Importance High Market demand Medium Automation risk Low - 4
A component framework
React, Svelte, or Vue — plus a meta-framework (Next, Astro, SvelteKit). Learn the mental model, not just the API.
Importance High Market demand High Automation risk Medium - 5
State & data fetching
Server vs client state, caching, suspense, optimistic UI. Most bugs live here.
Importance High Market demand High Automation risk Medium - 6
Performance & Core Web Vitals
Bundle budgets, lazy loading, LCP/INP/CLS. Speed is a feature users feel.
Importance High Market demand Medium Automation risk Medium - 7
Component & E2E testing
Testing Library + Playwright. Confidence to refactor and to let AI touch your code.
Importance Medium Market demand Medium Automation risk High - 8
AI-native UX
Streaming responses, chat & agent interfaces, loading/uncertainty states. The frontier of the role.
Importance High Market demand High Automation risk Low