0.1 这本教程在教什么，以及你会做出什么
先别把它想成“编程课”
很多人一看到“AI 编程”“Web 应用”“从零到上线”这些词，脑子里就会自动出现一幅熟悉画面：先学一门语言，再学语法，再学框架，再做练习题，最后也许才轮到做项目。
这套基础篇不是这条路子。
它更像学开车，而不是学发动机制造。你当然会接触到方向盘、刹车、后视镜这些部件，但你一开始不是为了背出它们的结构图，而是为了先把车顺利开上路。
AI 编程时代也是一样。
你当然会碰到代码、提示词、Git、API、部署这些词，但这套教程不是要你先把这些概念系统学完，才有资格开始；它更像是让你在做作品的过程中，按需要一点点把这些东西弄明白。
我们不在教什么
| 我们不在教 | 为什么现在不这么教 |
|---|---|
| 先把 Python / JavaScript 学完再开始 | 这样会把很多人永远挡在门外 |
| 先背完整语法和框架知识 | 你会先累死在抽象知识里，作品还没出现 |
| 把你训练成专业工程师 | 这不是基础版的目标，进阶版才承担系统工程内容 |
我们真正要教什么
这套基础篇真正想帮你建立的是三件事：
1. 把想法说清楚
AI 能不能帮你做出东西，很大程度上取决于你有没有把目标、边界和想要的效果表达清楚。
这不是“花哨地写 prompt”，而是把脑中的模糊念头，说成 AI 能执行的明确任务。
2. 学会和 AI 协作
你在这里不是 AI 的观众，也不是它的下属。你的角色更像一个发起项目的人：你定义目标，补充上下文，检查结果，也决定下一步怎么改。
代码本身仍然重要，但你不需要从第一天开始就自己手打一切。
3. 先做出作品，再逐步理解
比起“先知道全部原理”，基础版更重视“先把一个完整雏形做出来”。
因为对零基础读者来说，最大的门槛通常不是理解某个技术词，而是始终没有亲手做出一个东西。作品一旦出现，很多抽象概念都会突然有了上下文。
一个更准确的类比
你可以把传统编程学习理解成：
先学一门外语的语法、词汇、句法、修辞，再试着写文章。
而这里更像是：
你先用自己最熟悉的母语，把你想表达的内容说清楚；AI 负责把它翻译成更接近代码和实现的形式；你负责判断翻译对不对、是不是你要的。
这不代表“语言本身没价值”，而是代表：
在 AI 编程时代，先拥有表达能力和判断能力，往往比先掌握大量语法更重要。
代码还是重要的，只是它不再是出发点
这里也要把一个误解提前说清楚：
这套教程不是在告诉你“代码不重要”。
相反，代码仍然决定作品能不能运行、能不能修改、能不能上线。只是对零基础读者来说，代码不必再是“你进入创作世界之前必须先跨过的门槛”。
在基础版里，你会先建立三种更关键的能力：把需求说清楚的表达能力、看懂结果是不是对的判断能力，以及遇到问题时还能继续往前走的推进能力。
这些能力建立起来之后，你再去接触更深的技术内容，效率会高很多。
你最终会做出什么
我们先把终点摆在你面前：
你会做出一个 个人主页 + 数字分身。
它不是做完就扔掉的 demo，而是一个你真的可以继续修改、继续分享、继续成长的作品。
这个作品由哪几部分组成
| 部分 | 具体会有什么 |
|---|---|
| 主页首屏 | 头像、名字、一句话介绍、一个清晰的第一印象 |
| 内容区 | 作品展示、经历、联系方式等你真正想让别人看到的内容 |
| 数字分身 | 一个能替你回答常见问题的聊天入口 |
| 正式发布版本 | 一个稳定可访问的公网链接，可以发给朋友、HR、潜在合作伙伴 |
为什么选这个案例
我们没有选一个“看起来很酷、但离你很远”的案例，比如复杂 SaaS、多人协作后台、金融分析系统。
我们选的是一条对零基础更友好的主线。它天然和你有关，你不是在替陌生需求造产品，而是在做一个“关于你自己”的作品；它的结果也足够直观，页面好不好看、信息是不是清楚、聊天是否自然，几乎一眼就能看出来；它又天然适合引入 AI，因为“数字分身”不是炫技，而是一个很自然的使用场景；更重要的是，它不是一步到位做完，而是会沿着一条清晰路径持续迭代。
| 版本 | 你会让它变成什么样 |
|---|---|
v1 | 能预览、能展示、能简单聊天 |
v2 | 带回本地，能继续修改 |
v3 | 首页更像一个认真做过的作品 |
v4 | 内容更完整，访客知道看什么、问什么 |
v5 | 数字分身更像你本人 |
v6 | 正式上线，别人可以访问和反馈 |
如果你接受这件事，后面的路会轻松很多。接下来，我们来看看这条路线适不适合你，以及怎么走会更顺。