🚀
现代前端开发
从零掌握前端开发全栈技能 · 35课完整学习路径
35
精选课程
5
学习阶段
140+
练习任务
🌐 Web基础
第1-7课
01
HTML5语义化
→
02
CSS3布局：Flex与Grid
→
03
CSS动画与变换
→
04
响应式设计
→
05
JavaScript ES6+
→
06
DOM操作与事件
→
07
异步编程
→
⚙️ 工程化
第8-14课
08
模块化：ESM与CommonJS
→
09
包管理：npm与pnpm
→
10
构建工具：Vite
→
11
TypeScript基础
→
12
TypeScript进阶：泛型与类型体操
→
13
代码规范：ESLint与Prettier
→
14
单元测试：Vitest
→
⚛️ React
第15-21课
15
React入门：JSX与组件
→
16
Hooks：useState与useEffect
→
17
状态管理：Zustand
→
18
React Router
→
19
表单与验证
→
20
性能优化
→
21
服务端渲染：Next.js
→
🎨 UI与体验
第22-28课
22
设计系统
→
23
组件库开发
→
24
暗色模式
→
25
无障碍(a11y)
→
26
国际化(i18n)
→
27
动画库：Framer Motion
→
28
PWA与离线
→
🚀 全栈与部署
第29-35课
29
API设计与Fetch
→
30
Next.js全栈
→
31
数据库集成：Prisma
→
32
身份认证：NextAuth
→
33
部署：Vercel与自托管
→
34
性能监控
→
35
毕业项目：全栈SaaS应用
→