见
跳到主要内容

AI 编程 · 第四章:进阶技巧

做出你的作品

有想法就动手,别停在收藏夹

进阶约 15 分钟实践项目

这节课你会...

学完前四章,是时候做一个完整的项目了。这节课不是教你新知识,是帮你把学的用出来。


选一个项目

别挑太宏大的。范围越小,越容易做完。

15 分钟级:个人简历页、单页倒计时、名言展示器 1 小时级:待办清单、番茄钟、简易计算器 半天级:天气预报展示、读书笔记管理、记账本

挑一个你真正想用的。为自己做的东西,动力完全不一样。


完整流程

  1. 画草图(纸笔,5 分钟)——不用好看,画个大概结构
  2. 写 Prompt(按照 2-1 的公式,包含四个要素)
  3. 迭代(2-3 的节奏,每次只改一个功能)
  4. 加细节(颜色、字体、动画)
  5. 测试(手机上打开看看,发给朋友让他们试试)
  6. 保存(3-3 的文件管理方式)
  7. 发布(第 7 章会教你怎么部署到网上)

先完成,再完美。一个能跑的烂项目,比一个永远在做的好项目,有价值一万倍。

动手练习

改代码,完成练习目标。检查在你本机完成,不联网。

做一个计数器

创建一个点击计数器:每次点击数字加 1

目标:显示一个数字,旁边有按钮,点击按钮数字加 1

学习助手(可选)

需要时可以提问;没配 AI 也不影响课程、练习和测验。

学习助手需要时再用
助手说:你好,我是课程里的可选学习助手。正文、练习和进度都在这里,不需要我也能继续。 卡住时,把具体的一段代码或一句话贴过来就好。我们可以一起拆概念、改描述,或者把一个小想法拆成几步来做。

网页小工坊

描述想法后可以选用模型生成代码;也可以直接编辑和预览。

网页小工坊把想法做出来
说清楚页面要做什么,结果会更接近你的想法
AI 编程 · 同轨道下一节AI 工具对比与选择