深习堂
课程价格指南博客

开放课程技能学习AI课程

Vibe Coding 入门教程

让 AI 小步写代码,自己检查结果,做出第一个可用网页产品

开始学习
全部章节
25
语言
中文
课程类型
开放课程

从贪吃蛇小游戏开始,学习让 AI 小步写代码,自己运行和检查结果。再用电商素材工作台贯穿产品开发:找准用户问题、控制第一版范围、查错与恢复、部署和观察用户,把想法做成别人能用的网页产品。

适合人群

  • 没有系统学过编程,想借助 AI 制作网页产品的人
  • 会和 AI 对话,但不善于说明需求、限制修改和检查结果的人
  • 做过页面或 Demo,却卡在报错、恢复或部署环节的人

解决的问题

  • 页面看着完整,实际操作却走不通
  • 第一版想加太多功能,不知道先解决谁的问题
  • AI 改坏代码后,不知道怎样查原因和保护已有成果
  • 本地能运行,却不知道怎样交给别人使用和收集反馈

学完收获

  • 找准首批用户和具体问题,写清核心流程与第一版范围
  • 给 AI 提供相关资料,审查计划,每次完成一条小流程
  • 亲手运行产品,用开发者工具定位问题,修改后复查
  • 用 Git 保存可恢复节点,保护已有改动
  • 确定上线检查,部署公开版本,根据用户行为选择下一步改进
  • 整理自己的 AI 编程步骤,把成熟的重复流程写成 Skill
  • 课程亮点

    • 从贪吃蛇游戏入手,再用电商素材工作台串起完整过程
    • 21 课主线覆盖需求、实现、检查、部署和反馈
    • 4 课附录解释 100 个常用术语,帮助说清需求、看懂操作
    • 从运行结果判断是否完成,不要求先背编程语法

    全部章节

    25 个章节

    第 1 课:第一次让想法运行起来

    能把首次需求收敛为可运行、可观察的小结果,依据实际差距提出有边界的修改,并通过原路径和相邻行为复验完成一轮反馈循环。

    第 2 课:浏览器、AI IDE 与 CLI 怎样选择

    能根据当前任务所需的启动成本、项目上下文、控制力和操作风险,选择浏览器工具、AI IDE 或 CLI。

    第 3 课:运行代码,检查修复结果

    能把模糊故障改写成可复现的问题描述,并用与故障对应的运行证据判断修改是否完成。

    第 4 课:从点子找到真正的问题

    能把宽泛产品点子改写成以用户现状和目标差距为中心、可以继续验证的问题陈述。

    第 5 课:选出可验证的首批用户

    能依据共同场景、困难和目标,从宽泛人群中选出一批可接触、可验证的首批用户。

    第 6 课:从模糊要求画出核心流程

    能通过业务追问,把模糊产品要求整理成一条包含输入、处理、输出和关键失败反馈的核心流程。

    第 7 课:用 MVP 管住第一版范围

    能围绕一个验证目标,为 MVP 划定首版必需、后续再做和明确不做的范围。

    第 8 课:写出可以检查的验收条件

    能沿核心流程写出可执行、可观察、可判定通过或失败,并覆盖关键状态的验收条件。

    第 9 课:看懂项目的文件、运行、数据和服务

    能用项目文件、运行过程、数据保存和外部服务四层模型解释小型 Web 产品,并判断需求会影响哪些层。

    第 10 课:按任务需要提供上下文

    能为一个具体代码任务选择并组织足够且相关的上下文,减少 AI 对现状、范围和完成标准的猜测。

    第 11 课:先审计划,再让 AI 动手

    能在 AI 动手前审查实施计划的目标理解、修改范围、顺序、风险、停止点和验证方式。

    第 12 课:用对象、状态和数据描述产品

    能用对象、属性、状态、关系和动作描述产品业务结构,并用数据示例验证描述是否一致。

    第 13 课:按纵向切片拆出第一条完整链路

    能把大需求拆成一个贯通用户输入、最小处理和可见结果的首个纵向切片。

    第 14 课:做出第一个真正可用版本

    能从真实使用路径识别演示原型的断点,并补齐首版必需的状态反馈和数据保存行为。

    第 15 课:用 Git 保存可恢复节点

    能用 Git 为一次 AI 修改建立清楚的前后边界,并在不覆盖用户改动的前提下选择提交、修正或恢复。

    第 16 课:从现象和证据开始调试

    能按可复现现象、对应证据、单一假设、最小修改和复验的顺序完成一次 Bug 诊断。

    第 17 课:建立最低质量门槛

    能从产品承诺和风险倒推一组最低质量门槛,并据此作出发布或暂缓决定。

    第 18 课:部署一个别人能访问的版本

    能解释并检查从固定代码版本、构建和环境变量到部署、线上复验与撤回的最小交付链路。

    第 19 课:观察真实用户的使用过程

    能围绕具体用户任务记录行为事实,区分解释和建议,并把反馈转成下一步可验证的问题。

    第 20 课:固化个人 Vibe Coding 工作流

    能把项目经验整理成定义、计划、执行、验证和记录的个人工作流,并按任务风险调整检查深度。

    第 21 课:把重复流程提炼成第一个 Skill

    能判断一个重复流程是否值得沉淀为 Skill,并设计可正确触发、执行和验收的最小结构。

    第 22 课:记住 AI 协作与产品术语

    能从真实 Vibe Coding 场景中回忆并准确使用 AI 协作与产品定义的核心术语,说明相近概念的区别。

    第 23 课:记住前端页面与交互术语

    能看着一个 Web 页面识别前端结构、布局、控件和反馈状态,并用准确术语向 AI 描述修改要求。

    第 24 课:记住后端、数据与上线术语

    能沿一次网页请求的数据路径回忆后端、网络、存储、安全和部署术语,并据此判断问题所在层次。

    第 25 课:记住开发、测试与 Git 术语

    能看懂 AI 在终端、技术栈、测试和 Git 中执行的常见操作,并用准确术语约束修改、验证和交付。