1.1 这门课能带你到哪里
一、本节你会做出什么
你会给自己定下一条明确的学习路径，并知道这个网站的每一页该怎么用。
这是全课唯一一节不写代码的课。别跳过——跳过的人，往往在第 3 天因为“不知道自己在学什么”而放弃。
二、开始前你需要
什么都不需要。一台能上网的电脑（Mac 或 Windows 都行），15 分钟。
三、跟着做
第 1 步：先看结果，再决定要不要学
学完这个课程时，你会亲手做出并真正上线四类东西：
| 你会做出 | 长什么样 | 在第几章 |
|---|---|---|
| 一个个人网页 | 有你的名字、照片、介绍，能发给朋友打开 | 第 1 章（今天就能做完） |
| 一个内容型网站「遇见成都」 | 多页面、有景点卡片、手机上也好看 | 第 5 章 |
| 一个会调用 AI 的应用 | 像 ChatGPT 那样一个字一个字往外蹦 | 第 8 章 |
| 一个有账号和数据的全栈产品 | 别人能注册、登录、存自己的数据 | 第 9 章 |
注意”真正上线“这四个字。本课所有项目都要求你拿到一个 https:// 开头的公网链接，能发到微信群里让别人点开。躺在你电脑里的项目，不算作品。
第 2 步：搞清楚你会变成“谁”
你不会变成一个能默写算法的程序员。你会变成一个能把想法变成可用产品的人。
具体说，学完你具备三种能力：
- 能准确描述需求 —— 说清楚要什么，AI 才做得对；
- 能验收成果 —— 看得懂 AI 写了什么，知道它有没有糊弄你；
- 能自己脱困 —— 报错了、AI 改不动了，你有办法继续往前走。
第 3 种能力是本课和市面上大多数教程最大的区别。别的课演示的全是成功，而你真实遇到的全是失败，所以我们专门用了一整章（第 6 章）讲“卡住了怎么办”。
第 3 步：选一条路径
三条路线用的是同一套课，但重心不同。挑一条，写在你的备忘录里：
路线 A · 做网站（最短，约 38 课时） 第 1~6 章 + 第 11 章。目标：能独立做出并上线一个像样的网站。适合做个人主页、作品集、公司官网、活动页。
路线 B · 做 AI 产品（约 56 课时） 第 1~8 章。在 A 的基础上加后端和大模型调用。目标：做出一个真正用上 AI 能力的小产品。
路线 C · 接单赚钱（全部 80 课时） 全学，重点是第 9~12 章。目标：能交付多人可用的完整产品，并知道怎么找到需求、怎么变现。
第 4 步：认识课程地图
全课 12 章 80 课时，结构是这样的：
第 1~3 章（13 课时） 上路准备：先成功一次，再装环境、选工具第 4 章（11 课时） 前端知识 ┐第 5 章（7 课时） 项目实战一 ┘ 知识章 → 立刻用项目消化第 6 章（7 课时） 调试排错：本课的差异化核心第 7 章（11 课时） 后端知识 ┐第 8 章（7 课时） 项目实战二 ├ 一章知识配两个项目第 9 章（8 课时） 项目实战三 ┘第 10~12 章（16 课时）安全、部署、从作品到产品有两处刻意的安排，值得你知道：
- 第 1 章就让你完整走通一次（生成 → 修改 → 上线）。装环境是零基础最大的流失点，所以必须放在你尝到甜头之后。
- 知识章和项目章严格配对。绝不会连着讲五节干知识——学完 HTML/CSS 马上就用它做「遇见成都」。
第 5 步：学会用这个网站
每一节课都长一个样，六段结构，你很快就会形成肌肉记忆：
| 段落 | 你该怎么用 |
|---|---|
| ① 本节你会做出什么 | 先看这段，确认这节值不值得你现在花时间 |
| ② 开始前你需要 | 有前置课时链接，缺哪节先补哪节 |
| ③ 跟着做 | 打开电脑一起动手，不要只用眼睛看 |
| ④ 完成的标志是 | 自检清单，全部打勾才算学完 |
| ⑤ 卡住了看这里 | 本节 3~5 个高频问题，先在这找答案 |
| ⑥ 本节提示词 | 可直接复制给 AI 的提示词，别自己硬编 |
除了课时正文，网站还有四个地方你迟早会用到：
- 常见报错索引：按报错原文搜索，把红字粘进去就能找到解法；
- 术语表：正文里第一次出现的术语都带链接，点一下就能查；
- 配套代码仓库：每节课的完整源码和提示词，做不出来时可以对照；
- 更新日志：AI 工具改版很快，课程改了哪里都记在这里。
看到页面顶部的「基于 XXX v2.x · 2026-08 更新」了吗？ 凡涉及具体工具界面的课时都有这个标注。如果你看到的界面和截图对不上，先看这个日期，再去更新日志确认。
第 6 步：定一个能坚持下来的节奏
- 前 3 章共 13 课时，建议 2~3 天通过，别在这里精雕细琢；
- 每天 1~2 节，每节都完整做完④的自检清单再睡觉；
- 卡住超过 30 分钟就跳过，去第 6 章找对应方法，或者先记下来往后学——很多问题在你多学两节之后自然就解开了。
四、完成的标志是
- 我能说出学完这门课我要做出的那个作品是什么
- 我选定了 A / B / C 中的一条路径，并写了下来
- 我知道课时页的六段结构分别是什么
- 我知道报错时该去哪里找答案（常见报错索引 + 第 6 章）
- 我给自己定了每天学几节的节奏
五、卡住了看这里
Q：我真的零基础，连 Word 都用不利索，能学吗？ 能。本课唯一的前置要求是“会用电脑上网、会复制粘贴”。第 1.3 节会把你必须知道的五个电脑常识补齐，多一个都不讲。
Q：学这门课要花多少钱？ 必需开销为零：课程用到的工具都有免费额度，部署平台有免费套餐。第 8 章调用大模型 API 会产生费用，通常几块到几十块，我们在 8.6 专门教你算账和控成本。
Q：我英语不好，看不懂报错怎么办？ 不影响。所有报错都可以原样粘给 AI 让它解释，6.1 会教你“报错只看三个地方”。事实上本课大量学员的英语水平就是“认识 error 这个词”。
Q：需要背代码吗？ 不需要。你的工作是提需求和验收，不是默写。第 4 章和第 7 章讲的知识，目标是让你看得懂、能定位问题、能准确下指令，不是让你手写。
Q：学完能接单赚钱吗？ 能，但别指望第 40 课时就能。第 12 章会讲需求从哪来、怎么定价、怎么变现。现实一点的预期是：学完全课 + 独立做完 2~3 个自己的项目之后，你具备接小单的能力。
六、本节提示词
把下面这段复制给任意一个 AI 助手，让它帮你把目标定得更具体——目标越具体，你越不容易半途而废：
我是一个没有任何编程经验的人，刚开始学 AI 编程。我想做的东西是：【用一两句话描述，比如"给我的咖啡店做一个能展示菜单和位置的网站"】我每天能投入的时间是：【比如 1 小时】
请帮我做三件事：1. 判断我这个想法的难度，属于「一个静态网站」「需要调用 AI」还是「需要用户账号和数据库」；2. 把它拆成 5 个以内的阶段性小目标，每个目标都要是我能看得见的成果；3. 告诉我第一个小目标大概需要几天。
请用零基础能听懂的话回答，不要出现我没学过的术语；如果必须用，就顺带解释一句。