前端基础
从浏览器原生结构与布局出发，逐步掌握无障碍界面、可靠测试与可度量的生产交付。
20个主题 4个检查点 约32小时 入门 → 进阶
已完成0/20个主题 · 里程碑1/4 继续：前端开发基础
路线图
已完成 当前位置 需先通过前一检查点 检查点
里程碑1 · 浏览器基础
已完成0/5个主题 · 约90分钟里程碑2 · 无障碍界面
已完成0/5个主题 · 约89分钟里程碑3 · 可靠组件
已完成0/5个主题 · 约60分钟 1 CSS-in-JS 20分钟
即将上线 Storybook 10分钟
即将上线 Testing 10分钟
即将上线 Vitest 10分钟
即将上线 Playwright 10分钟
检查点3 解锁M4
里程碑4 · 生产交付
已完成0/5个主题 · 约50分钟 即将上线 Vite guide 10分钟
即将上线 Code splitting 10分钟
即将上线 Tree shaking 10分钟
即将上线 Image optimization 10分钟
即将上线 Performance 10分钟
检查点4 完成
为何按此顺序: 先学习浏览器语义与布局，因为后续抽象最终都要渲染到这一平台；再用无障碍要求约束交互与样式选择，通过组件工具让这些选择可复用、可测试，最后在行为已经验证的前提下依据测量结果完成构建与性能优化。