前端Web开发工程师 Certification
构建现代化、无障碍、高性能的用户界面
Key facts
- Level: Foundation
- Field: Web Development
- Estimated study time: about 30 hours
- Credential price: $39
- Exam: 90 questions · 130 minutes · pass mark 75%
About the 前端Web开发工程师 certification
一项严格的前端工程认证，证明你能够为真实Web构建现代化、无障碍且高性能的用户界面。你将掌握语义化、无障碍HTML5——地标元素、表单与原生验证，以及无障碍树——并使用WCAG 2.x成功标准、ARIA（及其第一规则）、完整的键盘可操作性、屏幕阅读器语义与充足的颜色对比度，为所有用户进行构建。你将深入了解CSS：盒模型与box-sizing、Flexbox与Grid、定位与层叠上下文、层叠、优先级与继承、自定义属性、使用媒体查询与现代单位的响应式移动优先设计，以及高性能过渡与动画。你将自信地编写现代JavaScript（ES6+）——块级作用域与闭包、this的绑定方式、原型链、解构与模块、高阶数组与对象方法、DOM操作与事件模型（冒泡、事件委托）、Promise与async/await、事件循环（微任务与宏任务），以及fetch API——还有TypeScript的核心要点。你将在React中构建组件UI：JSX、组件、Props与State、核心Hooks（useState、useEffect、useMemo、useRef、useContext）、Keys与列表、条件渲染、受控输入、状态提升、单向数据流与Reconciliation——以及状态管理与客户端路由基础。你将处理表单与验证，使用浏览器API（Web Storage、History、IntersectionObserver），并调优Web性能：关键渲染路径、Core Web Vitals（LCP、CLS、INP）、懒加载、代码分割与图像优化。你将系统分析前端安全性（XSS、CSP、CSRF意识），编写单元测试、组件测试与端到端测试，并使用前端工程师的日常工具链（打包器、npm、Git），同时注重渐进增强与跨浏览器健壮性。最终获得的认证与一名实际工作中的前端开发工程师所交付的内容精确对应。
What you will learn
The official 前端Web开发工程师 study course covers:
- Semantic, Accessible HTML — Structure pages with semantic landmarks and headings, build accessible forms, and meet WCAG with ARIA, keyboard support, and contrast.
- CSS in Depth: Box Model, Flexbox, Grid — The box model and box-sizing, one-dimensional flexbox and two-dimensional grid, positioning and stacking contexts.
- Responsive Design, Custom Properties, Motion — Mobile-first media queries and units, the cascade and specificity, CSS custom properties for theming, and performant animation.
- Modern JavaScript and the Browser — Scope and closures, this and prototypes, the event loop and async/await, the DOM and events, and fetch.
- Building UIs with React — Components, props and one-way data flow, state and the core hooks, keys and lists, controlled inputs, lifting state, and reconciliation.
- Performance, Security, and Tooling — The critical rendering path and Core Web Vitals, lazy loading and code splitting, front-end security, testing, and the build toolchain.
- 动手实验——构建可访问的交互式 UI — 可在 Google Colab 中实时预览的前端顶点项目：编写语义化可访问的 HTML，使用 flexbox 和 grid 进行响应式布局，使用原生 JavaScript 添加交互性，然后通过 CDN 在 React 中重建一部分——无需构建工具，无需 Node。免费运行。
Frequently asked questions
- Is the 前端Web开发工程师 certificate verifiable?
- Yes. Every issued Hootix Academy certificate carries a unique credential code that anyone can verify online.
- How is the 前端Web开发工程师 exam structured?
- It is a 130-minute proctored multiple-choice exam of 90 questions; you need 75% to pass.
- Do I need to buy the course to take the exam?
- You can purchase the certification exam on its own, or bundle it with the full study course at a reduced price.
- How long does the 前端Web开发工程师 course take?
- About 30 hours of self-paced study.