摘要
30 秒看懂
Andrew Ng 演示初学者如何描述生日贺卡网页应用、运行生成的 HTML、添加功能并排查问题，随后把同样的迭代流程应用于乒乓球游戏。
- 1描述应用描述输入、输出和期望的行为。
- 2写具体需求具体提示词使结果更可预测，但不保证完全一致。
- 3运行页面保存 HTML 并在浏览器中打开。
- 4迭代功能小步增加功能，并测试每次更改。
- 5报告问题描述实际故障并验证建议的修复。
- 6尝试游戏把相同流程用于乒乓球游戏。
- 7继续学习分享作品并继续学习。
要点建议
- 描述输入、输出和期望的行为。
- 具体提示词使结果更可预测，但不保证完全一致。
- 保存 HTML 并在浏览器中打开。
- 小步增加功能，并测试每次更改。
- 描述实际故障并验证建议的修复。
- 把相同流程用于乒乓球游戏。
- 分享作品并继续学习。
全文
按章节阅读整理后的全文
01
第一个应用
描述并生成生日贺卡页面。
Andrew Ng 通过生日贺卡生成器介绍用 AI 构建网页应用的入门练习。他演示的是一种工作流程，并不保证每个生成的应用都无需测试就能运行。
起点是描述所需页面、输入和输出的提示词。Ng 演示如何逐步添加需求，也展示了如何在已知需求时将其合并为较长的初始请求。
具体指令通常比模糊请求产生更可预测的结果，但多次运行仍可能不同。目标是说明重要的行为和外观，然后检查生成结果。
02
运行与改进
打开文件、添加功能并修复问题。
他演示保存生成的 HTML 并在浏览器打开。HTML 文件是一个自包含应用的例子；分享或部署其他应用可能需要额外步骤。
基础应用运行后，学习者可以添加字段、更改设计或要求加入复制消息的按钮。小步迭代有助于看清是哪项更改导致问题。
按钮失效时，Ng 向 AI 描述观察到的行为并请求修复。他鼓励再次试用修改后的应用；生成的修复也可能有误，仍需验证。
03
构建其他作品
将工作流程应用于游戏。
他把相同流程用于乒乓球游戏：先请求初版，再添加难度、计分和视觉改进。这个练习展示可重复的方法，而非固定实现。
Ng 建议尝试其他有趣的应用，并向朋友展示成果以获取反馈。最后他鼓励学习者将动手构建与继续学习结合起来。
同频道的其他文章
1:01:33EN → 简体中文
DeepLearningAI· 2026年9月22日用编程 Agent 做规格驱动开发：先写规格，再让 Agent 去建Andrew Ng, Paul Everitt · DeepLearning.AIJetBrains 开发者布道师 Paul Everitt 走完一整套规格驱动流程：一份项目章程，规划—实现—验收的功能循环，以及能跨工具带走的 agent 技能。氛围编程的替代方案，是一份 agent 忘不掉的 Markdown 契约。
30:23EN → 简体中文DeepLearningAI· 2026年5月22日Daniel Beutel 谈 Flower SuperGrid 与协作 AIDaniel Beutel关于去中心化智能体、训练与数据治理的产品演讲。