Building user-facing web applications — from HTML/CSS basics to large-scale frontend architecture and design system leadership.
Frontend Engineering turns designs and requirements into interactive, accessible, and performant web experiences. Beyond writing markup and styles, it encompasses component architecture, state management, build tooling, testing strategies, and cross-browser compatibility. From crafting static pages to orchestrating design systems that serve entire organizations, it has clear growth stages distinct from general programming.
You learn the foundational building blocks of the web: HTML for structure and CSS for styling. On the Implementation Depth axis, you acquire the basics of markup and styling; on the Architecture Scope axis, your work is confined to individual pages. Following tutorials, you create simple static pages and open browser DevTools to inspect elements and understand how your markup translates to what users see on screen.
What Comes Next
If you've checked off most of this list, you're ready for the Implementation stage, learning JavaScript fundamentals, DOM manipulation, and responsive design to make your pages interactive and mobile-friendly. Bandura(1977)'s Social Learning theory suggests watching HTML/CSS tutorial demonstrations and studying completed webpage examples builds the confidence to build on your own.
The most comprehensive and authoritative web platform reference, covering HTML, CSS, JavaScript, and Web APIs with examples and browser compatibility data — used as the primary knowledge source for defining frontend competency at every level.
Defines 40 ICT competencies across 5 proficiency levels (e-1 to e-5) characterized by increasing context complexity, autonomy, and influence, providing domain-specific evidence for frontend engineering level boundaries.
A community-validated frontend learning roadmap that provides the skill progression sequence — from HTML/CSS fundamentals through frameworks, build tools, performance optimization, to design systems — along with essential skills at each stage for checklist item design.
A competency-based computing education framework jointly developed by ACM and IEEE-CS, providing curriculum design guidelines for software engineering and information technology disciplines — used as academic evidence for frontend engineering checklist item design.