做出你的作品
◆进阶约 15 分钟实践·项目
这节课你会...
学完前四章,是时候做一个完整的项目了。这节课不是教你新知识,是帮你把学的用出来。
选一个项目
别挑太宏大的。范围越小,越容易做完。
15 分钟级:个人简历页、单页倒计时、名言展示器 1 小时级:待办清单、番茄钟、简易计算器 半天级:天气预报展示、读书笔记管理、记账本
挑一个你真正想用的。为自己做的东西,动力完全不一样。
完整流程
- 画草图(纸笔,5 分钟)——不用好看,画个大概结构
- 写 Prompt(按照 2-1 的公式,包含四个要素)
- 迭代(2-3 的节奏,每次只改一个功能)
- 加细节(颜色、字体、动画)
- 测试(手机上打开看看,发给朋友让他们试试)
- 保存(3-3 的文件管理方式)
- 发布(第 7 章会教你怎么部署到网上)
先完成,再完美。一个能跑的烂项目,比一个永远在做的好项目,有价值一万倍。
动手练习
修改代码,完成练习目标
做一个计数器
创建一个点击计数器:每次点击数字加 1
目标:显示一个数字,旁边有按钮,点击按钮数字加 1
AI 助教
有问题随时问,AI 助教为你解答
AI 学习助手在线
直接回答引导思考
你好!我是你的 Vibe Coding 学习助手。有什么不懂的随时问我,比如:
- 这个课程里的概念我不太明白
- 帮我看看这个描述能不能让 AI 理解
- 我想做一个 [xxx],该怎么描述?
动手实践
描述你想要的效果,AI 帮你生成代码
Prompt Playground动手试试
提示:描述越具体,生成效果越好