返回目标规划器

成为前端工程师

一条结构化的前端工程师学习路径,涵盖 HTML、CSS、JavaScript、React 以及现代 Web 开发实践。

8 个学习科目

01入门

HTML 与 CSS 基础

学习语义化 HTML5、Flexbox 与 Grid 布局、响应式设计和无障碍访问最佳实践。

开始学习
02入门

JavaScript 核心

掌握 JavaScript 核心概念,包括变量、函数、DOM 操作、异步编程和 ES6+ 特性。

开始学习
03进阶

TypeScript 前端开发

学习 TypeScript 类型系统、接口、泛型,以及如何在前端项目中高效使用 TypeScript。

开始学习
04进阶

React 开发

使用 React 构建现代 UI,包括组件、Hooks、状态管理和 React 生态系统。

开始学习
05进阶

CSS 架构与设计系统

学习 Tailwind CSS、CSS-in-JS、组件库,以及如何构建和维护可扩展的设计系统。

开始学习
06进阶

前端测试

使用 Jest 编写单元测试、Testing Library 编写组件测试、Playwright 或 Cypress 编写端到端测试。

开始学习
07高级

性能优化

通过懒加载、代码分割、缓存策略和 Core Web Vitals 优化 Web 性能。

开始学习
08高级

构建工具与部署

掌握 Vite、Webpack、CI/CD 流水线,并部署到 Vercel、Netlify 或 AWS 等平台。

开始学习

准备好开始学习了吗?

用 AI 创建个性化课程,获得互动式课程和进度追踪。

免费开始