动手前 · 先懂概念
在网页里把 AI 当一个组件用 —— 写 prompt、设计 context、做出能给真人交付的工具。
建议先花 5 分钟到「概念地基」看完这一节的进阶版讲解 —— 你做项目时就不再"照着步骤抄"，而是知道为什么。
→ 看「提示词工程 + 上下文工程」概念地基Vite + TypeScript + vitest + GitHub Actions。3 个能放进简历的深项目。
中阶版做"能跑的"网页。进阶版做"能维护的"网页 —— 带测试、带 CI、带版本控制、带可回滚部署。这是简历能写、专业工程师在用的东西。
四件套一起，"工程师"和"会写代码的人"就分开了。
Vite + TypeScript。GitHub Actions 自动构建 + 部署到 GitHub Pages。
用 Ollama 本地 API。vitest 测试覆盖正常 / 异常 / 边界。
带 error tracking、有 changelog、有用户反馈机制。
智能体实验室 把这一所的代码能力 + 同理心 + 伦理 拧到一起。最后一个项目（项目 09）要给真实的脆弱用户做智能体，含完整的伦理审查文档 —— 是整套进阶版最严肃的一节。