🚀 07 · 用 AI 开发自己的产品：毕业任务
🎯 本章学完，你将能：走一遍 AI 开发全流程，完成毕业任务：做出自己的第一个网页
开场：你不是“会写代码”，你是“会指挥代码”
恭喜你走到最后一章！学了七章，你发现了吗——编程正在变成“指挥 AI 写代码”。但会指挥 ≠ 会魔法：真正重要的是看懂 AI 写的代码、验证它、迭代它。这就是今天的毕业任务要练的。
AI 开发的完整流程
需求（想清楚要什么）
↓
提示词（把需求翻译成 AI 能懂的指令）
↓
代码（AI 生成）
↓
验证（亲手测试：真的对吗？）
↓
迭代（哪里不好 → 改提示词再问一次）五个步骤，每一步都有讲究。重点说两步：
需求要具体：“帮我做个网页”和“帮我做一个自我介绍网页：标题是我的名字，一段介绍我的爱好，背景用浅紫色”——后者 AI 一次就能做对。
验证是责任：AI 写的代码，你有责任亲手跑一遍。跑不起来？问它“这个代码怎么跑”。看不懂？问它“解释每一行”。AI 是帮手，你是负责人。
毕业任务：做出你的第一个网页
任务清单（完成后打勾 ✅）：
- 打开 AI 助手，用提示词三要素让它生成代码：
“你是一个网页设计师，帮 12 岁的我做一个自我介绍网页，要包含：标题、一段介绍自己爱好和梦想的文字、一个超链接到 candiewill.com。用浅色的漂亮配色。输出完整的 HTML 代码。”
- 把 AI 生成的完整 HTML 复制下来（包括
<!DOCTYPE html>到</html>的所有内容） - 粘贴到下面的代码实验里，点「运行」
- 修改一处样式，让它更像“你”（比如把颜色换成你喜欢的）
- 给爸爸看你的作品！如果爸爸愿意，可以让它真的上线到 candiewill 网站——像我们全家一样走一遍“分支 → PR → 合并 → 部署”
🧪 毕业任务：粘贴 AI 生成的自我介绍网页
📝 去 AI 助手让"用 HTML 做一个我的自我介绍网页"，把生成的完整代码粘贴进来，点「运行」预览。
回顾：你学会了什么
| 章节 | 你学会了 |
|---|---|
| 1 | 代码是什么，计算机怎么工作 |
| 2 | 用 HTML/CSS/JS 做网页 |
| 3 | 代码怎么上线（服务器/DNS/CDN/部署） |
| 4 | git 协作（commit/分支/PR） |
| 5 | AI 原理和提示词 |
| 6 | 前端和后端（API/JSON/密钥保护） |
| 7 | 用 AI 开发完整产品（毕业任务） |
你已经走完了“从零到上线”的全流程——和爸爸妈妈做 candiewill 用的是同一套方法。以后你想做的任何东西（游戏、工具、网站），都有能力开始了。
结业寄语
代码不是魔法，AI 也不是。真正厉害的是你的想法，和“把想法变成现实”的耐心。 甜意盎然，意志坚定——去创造吧！🚀
🎓 结业彩蛋：让 AI 助手给你写一段“毕业祝贺”，加上你的名字——它会为你祝贺的！
✏️ 小测验（答对一题得 1 分）
1. 用 AI 开发产品的正确心态是？
💡 AI 是助手不是魔法：让它写，但你要看懂、要测试、要迭代。
2. 不懂 AI 写的代码，可以问它为什么这么写。（判断：对 / 错）
💡 对！"解释你的代码"是 AI 最重要的技能之一，要养成问为什么的习惯。