第一章：开始之前
你其实不需要会编程
AI 编程和传统编程已经不太一样了。很多时候，你更像是在「描述需求」，而不是在写代码。
- 不需要背大量代码
- 不需要一次性学完所有知识
- 不需要计算机专业背景
- 重点是：敢动手、会提问、会 Debug
这次学习的目标是什么
本次实践的目标不是：
- 成为专业程序员
- 学完所有技术栈
- 一次性掌握 AI
而是：
- 真正开始动手
- 用 AI 做出属于自己的东西
- 学会基础 AI 编程流程
- 建立 AI 编程思维
AI 编程和传统编程的区别
传统编程：
人写代码 → 人找 Bug → 人查资料
AI 编程：
人描述需求 → AI 生成代码 → 人负责测试、修改、Debug
在 AI 编程中，你更像是：
- 产品经理——定义你想要什么
- 指挥者——告诉 AI 去做什么
- 协作者——和 AI 一起迭代完善
而不是纯代码工人。
一次 AI 编程长什么样
在正式开始之前，先给你一个直观感受——一次完整的 AI 编程大概是这样的：
- 你对 AI 说：「帮我做一个个人介绍网页，要简洁好看」
- AI 生成一段代码
- 你在编译器里打开这段代码
- 点运行，浏览器里弹出一个网页
- 你觉得标题太大了，跟 AI 说：「标题小一点，改成蓝色」
- AI 改好，你刷新一看——对了
- 继续调整，直到满意
整个过程你不需要手写一行代码。
你只需要说清楚你想要什么，然后看结果、提修改。
后面我们的课程就是围绕这个流程展开的。
关于「报错」这件事
请提前接受一个事实：
报错是 AI 编程的一部分。
即使是专业程序员，也会经常报错。一天不报错反而不正常。
所以：
- 不要害怕报错
- 不要觉得是自己太笨
- 大部分问题都很常见，不是你一个人会遇到
后面大家遇到问题，都可以直接发群里一起解决。
术语小词典
这份文档后面会用到一些「技术词汇」，如果你从来没接触过编程，可能会觉得陌生。不用担心，下面用大白话帮你快速理解。遇到不懂的词，随时回来翻。
你写代码用的「超级记事本」。类比：普通记事本 = 只能写字的笔记本；IDE = 带计算器、语法检查、自动翻页的智能笔记本。我们课程用的 Trae（国内首选）或 Cursor（海外）都是 IDE。
AI 的「大脑」。不同的模型就像不同的人——有的擅长写代码，有的擅长聊天，有的擅长画画。类比：模型 = 一个有特定能力的「数字人」。常见的模型：Claude（Anthropic）、GPT-4（OpenAI）、Gemini（Google）等。
提供 AI 模型服务的「AI 超市」。你去超市买东西，超市里有不同品牌的产品。大模型平台也一样——它聚集了多种 AI 模型，你选择一个来用。类比：大模型平台 = 超市；模型 = 超市里某个品牌的商品。常见的大模型平台：Claude.ai、ChatGPT、通义千问、豆包等。
AI 计算和理解文本的「最小单位」。可以把 Token 想象成 AI 看文字时的「一个字片」：大约 4 个英文字符 = 1 Token，大约 1 个中文字 ≈ 2 个 Token。AI 每次对话消耗的 Token 数量决定了它的「思考量」和费用。类比：Token = AI 读书时的「页数」，页数越多，AI 读得越认真（也越费钱）。
你给 AI 的「指令」。你说什么，AI 就按什么去做。Prompt 写得越清楚，AI 的回答越靠谱。类比：Prompt = 你给厨师下的菜单——「一份微辣的宫保鸡丁，不要花生」比「做个鸡丁」靠谱得多。
人写给电脑看的「指令文本」。代码就是一串文字，电脑读到了就会照着做。类比：代码 = 你给机器人写的操作说明书。
代码里的「错误」。Bug 导致程序运行不正常——页面打不开、功能不对、显示乱码等。类比：Bug = 说明书里写错的一步，导致机器人动作出错。
让代码「活起来」。代码写好之后是静态的文字，运行之后才会变成你能看到、能用的东西。类比：运行 = 把说明书递给机器人，让它开始干活。
找出 Bug 并修好它的过程。Debug = Detect（发现）+ Bug（错误）→ 找到错误、修好错误。类比：Debug = 检查说明书哪里写错了，改过来再让机器人重新试一遍。
Claude Code 在执行任务时，界面上会显示一些「…中」的提示词，告诉你它正在做什么。比如你会看到：
Analyzing…（分析中）、Compiling…（编译中）、Generating…（生成中）等。这些词叫状态词，一共有 187 种，覆盖了从代码编译、数据处理到 AI 推理的所有常见任务类型。你不需要记住这些词，只需要知道：看到某个「…中」的提示时，说明 Claude Code 正在执行对应任务，耐心等待就好。完整清单见附录 B。前端：用户看得见、摸得到的部分——网页的按钮、颜色、排版。后端：用户看不见的部分——数据存储、逻辑处理、安全验证。类比：前端 = 餐厅的大堂（菜单、桌椅、灯光）；后端 = 餐厅的厨房（食材、厨师、冰箱）。我们课程前期主要做前端项目（网页），后端后续再接触。
软件项目的四种形态
你做出来的东西，最终要给用户用。用户怎么用，取决于你选择了哪种「形态」。目前主流有四种，它们的部署方式、依赖服务、项目结构都不一样：
纯静态网页
用户通过浏览器访问，打开网址就能看到内容，但没有任何交互功能。比如：个人简历页、产品展示页、活动落地页。
- 部署方式：把文件放到服务器上，用户打开网址即可访问。也可以用免费平台一键上线（如 GitHub Pages、Vercel），零成本
- 依赖服务：只需要一个静态文件托管服务，不需要后端服务器、不需要数据库
- 项目结构：最简单，就是 HTML（页面结构）、CSS（样式）、JS（页面动画）几个文件
类比：纯静态网页 = 一张贴在墙上、路过就能看的海报——好看，但不能互动。
Web 系统 / 应用
同样通过浏览器访问网址，但需要后端服务器支撑，能做登录、存储数据等动态功能。比如：在线记账本、任务管理工具、带用户系统的博客。
- 部署方式：前端文件托管 + 后端服务器部署 + 数据库部署，通常需要购买云服务器或使用云服务平台
- 依赖服务：必须有后端服务器（处理登录、数据存取、业务逻辑）+ 数据库 + 可能还需要缓存、邮件、支付等第三方服务
- 项目结构：分为前端和后端两部分，结构比纯静态网页复杂得多
类比：Web 系统 = 一家有前台和后厨的餐厅——前台（网页）接待客人，后厨（服务器）处理订单和食材。
App（手机应用）
用户需要从应用商店下载安装到手机上，比如微信、淘宝。
- 部署方式：开发完成后提交到应用商店审核。安卓：可以直接生成 APK 安装包。iOS：必须上架 App Store，需要购买苹果开发者席位（$99/年），且审核严格。App 通常还需要注册域名用于后端接口访问，并购买云服务器
- 依赖服务：必须有后端服务器 + 数据库 + 推送服务、支付服务等 + 域名 + SSL 证书
- 项目结构：复杂度高，有原生开发和跨平台开发两套路线
类比：App = 一本你需要买回家、摆在书架上的书——得专门安装，占用手机空间，而且出版这本书还得先拿到出版许可证（开发者席位）。
小程序（如微信小程序）
用户在微信 / 抖音等平台内搜索打开，不需要下载安装。
- 部署方式：开发完成后提交给平台审核，通过后用户在平台内搜索或扫码打开
- 依赖服务：必须依赖宿主平台提供的框架和接口；部分能力（支付、登录）由平台直接提供
- 项目结构：使用平台专用框架，有自己的目录规范和配置文件
类比：小程序 = 微信城里一家租了铺位的店——不用自己盖房子，但得遵守微信的规矩。
| 形态 | 用户怎么用 | 部署难度 | 是否需要后端 | 项目复杂度 |
|---|---|---|---|---|
| 纯静态网页 | 打开网址 | ★☆☆ 低 | 不需要 | ★☆☆ 低 |
| Web 系统 | 打开网址 | ★★☆ 中 | 必须 | ★★☆ 中 |
| App | 下载安装 | ★★★ 高 | 必须 | ★★★ 高 |
| 小程序 | 平台内打开 | ★★☆ 中 | 不一定 | ★★☆ 中 |
我们课程先从纯静态网页入手——门槛最低、见效最快，做完立刻能看到成果。
开始之前，先想清楚你要做什么
看了四种形态的区别，建议你在动手之前先想清楚一个问题：你想做的东西，属于哪一类？
- 纯展示型（个人简历、产品介绍页）→ 选纯静态网页
- 需要用户登录、存数据（在线工具、管理系统）→ 选Web 系统
- 只在微信里用 → 选小程序
- 要做成手机 App → 选App（但门槛最高，建议先从其他形态起步）
想清楚形态，才能知道你需要哪些工具和服务，避免走弯路。
课程期间提供的资源
为了让大家能顺利上手，课程期间我会提供以下资源供大家免费使用：
- 域名：提供
fdmba.com的二级域名（如yourname.fdmba.com），供大家部署和测试项目 - 后端服务：教学期间，数据库和相关后端应用也会免费提供，需要用到 Web 系统的同学可以直接对接
重要提醒：以上资源仅在教学期间免费提供。教学结束后，域名、服务器、数据库等相关资源都需要自行找云服务商购买。届时我会提供购买指引，但费用需自行承担。