AI 编程 · 第四章:进阶技巧
做出你的作品
有想法就动手,别停在收藏夹
进阶约 15 分钟实践项目
这节课你会...
学完前四章,是时候做一个完整的项目了。这节课不是教你新知识,是帮你把学的用出来。
选一个项目
别挑太宏大的。范围越小,越容易做完。
15 分钟级:个人简历页、单页倒计时、名言展示器 1 小时级:待办清单、番茄钟、简易计算器 半天级:天气预报展示、读书笔记管理、记账本
挑一个你真正想用的。为自己做的东西,动力完全不一样。
完整流程
- 画草图(纸笔,5 分钟)——不用好看,画个大概结构
- 写 Prompt(按照 2-1 的公式,包含四个要素)
- 迭代(2-3 的节奏,每次只改一个功能)
- 加细节(颜色、字体、动画)
- 测试(手机上打开看看,发给朋友让他们试试)
- 保存(3-3 的文件管理方式)
- 发布(第 7 章会教你怎么部署到网上)
先完成,再完美。一个能跑的烂项目,比一个永远在做的好项目,有价值一万倍。
动手练习
改代码,完成练习目标。检查在你本机完成,不联网。
做一个计数器
创建一个点击计数器:每次点击数字加 1
目标:显示一个数字,旁边有按钮,点击按钮数字加 1
学习助手(可选)
需要时可以提问;没配 AI 也不影响课程、练习和测验。
学习助手需要时再用
助手说:你好,我是课程里的可选学习助手。正文、练习和进度都在这里,不需要我也能继续。
卡住时,把具体的一段代码或一句话贴过来就好。我们可以一起拆概念、改描述,或者把一个小想法拆成几步来做。
网页小工坊
描述想法后可以选用模型生成代码;也可以直接编辑和预览。
网页小工坊把想法做出来
说清楚页面要做什么,结果会更接近你的想法