72
综合实战与作品化输出
综合实战：把多个 Lab 拼成作品
模块目标
将分散练习整合为完整页面，形成可展示的项目成果。
作品组合建议
从你已完成的 Lab 中选 3 类能力：
- 结构：语义化 HTML
- 样式：布局与视觉
- 交互：基础 JavaScript
组合成一个单页作品（Landing / Dashboard / Portfolio 都可以）。
交付最小清单
- 桌面 + 移动端可用
- 至少 2 个交互点
- 语义结构清晰
- 样式层次明确
验收维度
- 正确性：功能与交互可正常使用
- 一致性：视觉和间距有统一规则
- 可维护性：结构清晰、命名明确
复盘模板
项目结束后，写 5 行复盘：
- 我做了什么
- 我卡在哪里
- 我如何定位问题
- 我沉淀了什么规则
- 下一次我要改进什么
下一步学习路径
- 如果你想继续走前端工程：继续做组件化和状态管理
- 如果你想走全栈：补 Python/后端 API 能力
- 如果你想提升效率：结合 Vibe Coding 做 AI 协作开发