灵感编程 Vibe Coding

学习路径 / Curriculum

十一个板块

按顺序走下来大约需要 40 小时。每个板块都有明确产出,做完你会有一个真实的作品集, 以及一套关于「什么该交给 AI、什么必须自己判断」的经验。

入门

  1. 01 第一次对话First Contact 打开终端,用一句中文让 AI 生成你人生中的第一个网页,并在浏览器里看见它。 约 2 小时 · 自测 3 题 · 练习:做一个只有一屏的自我介绍页:一个标题、一段话、三个链接
  2. 02 说清楚的手艺The Craft of Asking 同一个需求,说法不同,结果差出十条街。这一节练的是把模糊意图变成精确描述。 约 3 小时 · 自测 3 题 · 练习:Prompt 手术
  3. 03 让它活起来Make It Move 给页面加上交互、动效和响应式布局,理解 HTML / CSS / JavaScript 各自负责什么。 约 3 小时 · 自测 3 题 · 练习:给你的自我介绍页加上深色模式切换和一个滚动出现的动效
  4. 04 修好它,然后发出去Debug & Ship 看懂报错、用 Git 存档、把作品部署到互联网上——从今天起你有一个可以发给别人的网址。 约 3 小时 · 自测 3 题 · 练习:调试侦探

进阶

  1. 05 数据与故事Data as Material 让项目连接真实世界的数据,并把数据可视化——不是画图表,是讲一个故事。 约 4 小时 · 自测 3 题 · 练习:数据故事
  2. 06 让项目有记忆Give It Memory 前端之外还有什么?搭一个最小的后端,让项目能保存和读取数据。 约 5 小时 · 自测 3 题 · 练习:留言板
  3. 10 项目变大之后When It Grows 一个对话框装不下整个项目了。多智能体协作、项目文档、版本分支——怎么管住复杂度。 约 4 小时 · 自测 3 题 · 练习:把你的项目拆成几个明确的子任务,分别交给独立的会话完成

追问

  1. 07 谁在背后干活The Invisible Labor 这一节不写代码。每一次流畅的 AI 生成背后,都有被折叠起来的人的时间。 约 2 小时 · 自测 3 题 · 练习:隐形劳动者地图
  2. 08 谁拥有这些工具Who Owns This 免费使用不等于免费。看清你的创作建立在谁的地基上,以及有没有别的地基。 约 2 小时 · 自测 3 题 · 练习:平台生态审计
  3. 09 用代码提出问题Critical Making 技术不只是工具,也是表态。做一件回应你真正在乎的问题的作品。 约 6 小时 · 自测 3 题 · 练习:批判性原型
  4. 11 一起做,一起想Making Together 两个人、一个 AI、一个真实的问题。最后一段路,也是回答「作者是谁」的时候。 约 6 小时 · 自测 3 题 · 练习:双人项目

还没装好环境?先看 环境准备, 或者直接翻 工具与概念