共用基础 · 第 1 / 3 节建议课堂 2 小时
把一个想法，变成可执行的需求
选一个真正想用的小工具，把模糊想法缩成第一版可以完成的作品。
跟着完成这三步
- 写下谁会使用这个作品、在什么场景使用，以及现在遇到的一个具体问题。先解决一个场景。
- 只保留 3–5 个核心功能。列出需要的页面、每页的操作和需要保存的数据。把支付、社区等复杂能力放到后续版本。
- 让 AI 复述需求并指出缺失信息，再按页面拆任务。最后生成一个简单页面，并亲手要求它修改一处。
可以这样向 AI 提问
把括号内容换成你的项目
我想做一个【作品名称】，帮助【用户】在【场景】完成【目标】。
第一版只保留：【3–5 个功能】。
请先复述你的理解，列出需要我补充的问题，再给出页面清单、数据清单和可验证的验收条件。先不要生成全部代码。
独立练习使用需求模板，为你自己的作品写一页需求说明。把一个功能明确列为「以后再做」。
仅记录本浏览器的练习状态，
不代表考试通过或正式发布。
共用基础 · 第 2 / 3 节建议课堂 2 小时
看懂目录，跑起第一个项目
理解页面、程序和数据的关系，并能根据说明独立启动项目。
这节会用到
HTMLCSSJavaScriptJSON依赖与终端
跟着完成这三步
- 确认编辑器、浏览器、Git 和运行环境可用。在终端进入项目目录，找出 README、入口文件和依赖清单。
- 从一个按钮开始理解三层职责：HTML 描述结构，CSS 决定样式，JavaScript 处理操作。修改按钮文字、颜色和点击后的反馈。
- 让 AI 解释一条数据从输入框到页面的流向，再解释浏览器与服务器各自运行什么。关闭项目后，按说明重新启动一次。
可以这样向 AI 提问
把括号内容换成你的项目
我是编程初学者。请阅读当前项目，列出启动命令和 5 个最重要的文件。
用一个按钮点击的例子解释 HTML、CSS、JavaScript 的职责。
请先检查现有实现，每次只指导我做一个小改动，并告诉我如何验证。
独立练习画一张「用户操作 → 页面 → 接口 → 数据」的小图，指出哪些环节在你的第一版中还没有实现。
仅记录本浏览器的练习状态，
不代表考试通过或正式发布。
共用基础 · 第 3 / 3 节建议课堂 2 小时
用 AI 排错，也能找回上一个版本
把错误描述清楚，检查 AI 的修改，并用 Git 保存可以回到的工作状态。
跟着完成这三步
- 在开始修改前保存一个可运行的版本。练习查看 Git 状态、差异和提交记录，不把密钥、依赖和临时文件加入仓库。
- 记录一个错误的触发步骤、预期结果、实际结果和必要日志。先让 AI 给出排查顺序，再批准小范围修改。
- 重新走原来的操作路径，确认错误消失且原有功能仍可用。保存修复，再在练习分支或副本中演练回到已知版本。
可以这样向 AI 提问
把括号内容换成你的项目
问题复现步骤：【步骤】
预期结果：【预期】
实际结果：【实际】
相关日志：【去除密钥的日志】
请先分析可能原因，指出需要检查的文件。优先给出最小修复，不做无关重构，并列出修复后的验证步骤。
独立练习给项目新增一个小功能，保留修改前后截图、关键对话、代码差异和验证结果。
仅记录本浏览器的练习状态，
不代表考试通过或正式发布。
课程路线与练习指南已开放，视频与班期尚未公布。课时为教学规划，请为独立练习额外预留时间。
带着这些成果完成这条路线
- 一页范围清楚的需求说明
- 可以独立启动的练习项目
- 一次代码修改、验证、提交与恢复记录