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. Following tutorials, you create simple static pages with headings, paragraphs, images, and links. You open browser DevTools to inspect elements and understand how your markup translates to what users see on screen. Corresponds to the Dreyfus Novice stage.
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.
A 5-stage proficiency model from Novice to Expert that explains the shift from rule-following to intuitive judgment, used to define qualitative differences between frontend engineering levels.
커뮤니티 검증된 프론트엔드 학습 로드맵이 HTML/CSS 기초부터 프레임워크, 빌드 도구, 성능 최적화, 디자인 시스템까지의 기술 진행 순서와 각 단계별 필수 스킬을 체크리스트 항목 설계에 제공한다.
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.
