前端基础
从浏览器原生结构与布局出发，逐步掌握无障碍界面、可靠测试与可度量的生产交付。
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 完成
为何按此顺序: 先学习浏览器语义与布局，因为后续抽象最终都要渲染到这一平台；再用无障碍要求约束交互与样式选择，通过组件工具让这些选择可复用、可测试，最后在行为已经验证的前提下依据测量结果完成构建与性能优化。