1.2 AI 时代的编程到底变了什么
一、本节你会做出什么
你会把自己脑子里那个模糊的想法,写成一段 AI 真能照着做的需求描述。
这段描述不是练习,下一节之后你会真的把它丢给 AI,变成你的第一个网页。
二、开始前你需要
- 已完成 1.1 这门课能带你到哪里
- 心里有一个“我想做个 XX”的模糊想法(没有也行,第 3 步给你现成的)
三、跟着做
第 1 步:先看清楚,到底哪一半变了
过去写程序,一件事要过两关:
想清楚要什么(设计) → 把它准确翻译成代码(实现) ↑ ↑ 还是你的活 AI 接管了AI 接管的是后面那半——语法、API 怎么调、这个函数该怎么写。这部分恰恰是过去 90% 的学习时间花掉的地方,也是绝大多数人放弃编程的地方。
没有被接管的是前面那半:要做什么、给谁用、长什么样、什么算做对了。这部分 AI 替不了你,因为它不知道你脑子里想的是什么。
所以“编程门槛降低了”这句话要说准确一点:门槛没有消失,它从「记忆力和语法」挪到了「表达能力和判断力」上。 后者对零基础的人反而更公平——你在职场、生活里练的那些说清楚事、验收活儿的本事,现在全能用上。
第 2 步:理解你的三个新角色
角色一:需求提出者
你要把“我想要个好看的网站”翻译成 AI 能执行的话。这是本节的重点,第 3 步细讲。
角色二:验收者
AI 交付之后,你要判断“这是不是我要的”。四个层次,从易到难:
| 验收层次 | 你要问自己 |
|---|---|
| 跑得起来吗 | 页面能打开吗?有没有一片空白或红字? |
| 对不对 | 我说要三个卡片,它做了三个吗? |
| 好不好用 | 手机上能看吗?按钮点着别扭吗? |
| 安不安全 | 我的密钥会不会被别人看到?(第 10 章专讲) |
角色三:决策者
AI 会给你选项:“用 A 方案还是 B 方案?“它不会替你拍板。拍板需要的判断力,正是第 4、7 章那些知识课的意义——不是让你会写,是让你能判断。
第 3 步:见识一下差距有多大
同一个想法,两种说法,产出天差地别。
❌ 模糊的说法
帮我做个咖啡店的网站,要好看一点。AI 会给你一个能跑但完全不是你想要的东西:假的店名、随便找的紫色渐变、一堆你用不上的板块。你看着它,只能说出“不对,但我说不上哪不对”。
✅ 合格的说法
帮我做一个单页网站,是给我的咖啡店用的。
店名:拐角咖啡一句话介绍:城南老街拐角处,只做手冲。页面从上到下需要四块内容:1. 首屏:店名 + 那句介绍 + 一张大图占位2. 招牌饮品:3 个卡片,每个有名字、价格、一句描述3. 门店信息:地址、营业时间 10:00-20:00、电话4. 页脚:版权信息
风格:米白底色、深棕色文字,安静一点,不要花哨渐变。必须在手机上也好看。区别不在“字多”,在于补齐了三样东西:
- 具体内容(店名、价格、时间,而不是让 AI 编)
- 结构(几块、每块是什么,从上到下的顺序)
- 约束(风格、颜色倾向、必须支持手机)
记住这个公式,它会贯穿全课:内容 + 结构 + 约束 = 一段能用的需求。
第 4 步:知道 AI 会在哪里坑你
它不是万能的,这三件事你必须提前有心理准备:
① 它会一本正经地胡编。 AI 会写出一个不存在的函数、引用一个不存在的文件,语气还特别自信。识别方法在 [6.4 如何识别 AI 在胡编]。
② 它不知道你没说的事。 你没说“要支持手机”,它就可能不做。你没给价格,它就编一个。没说 = 它自由发挥,这是绝大多数“AI 做得不对”的真实原因。
③ 它记性有限。 聊得太久,它会忘记你开头的要求。所以本课反复强调:一次只让它做一件事,做完验收,再说下一件。
第 5 步:现在,写你自己的那一段
打开备忘录,照着下面的骨架填。这是你的作业,也是下一节真要用的东西。
我要做一个【单页 / 多页】网站,用途是【给谁、干什么用】。
核心信息:- 名字:- 一句话介绍:
页面从上到下需要这几块:1.2.3.
风格要求:必须满足:在手机上也好看。三条底线检查一下你写的:
- 里面有没有具体的真实信息(名字、价格、时间),而不是“等 AI 编”?
- 内容块的顺序说清楚了吗?
- 有没有至少一条风格或体验约束?
写不出想法?直接用这个:给自己做一个个人主页——名字、一句话自我介绍、三件擅长的事、一个联系方式。这也是 1.4 的默认题目。
四、完成的标志是
- 我能说出 AI 接管了哪一半、我负责哪一半
- 我记住了「内容 + 结构 + 约束」这个公式
- 我知道验收要看的四个层次
- 我知道 AI 会胡编、会忘事、不会猜我没说的话
- 我已经写完了自己那段需求描述,存在备忘录里
五、卡住了看这里
Q:我要把需求写得多细?细到什么程度算够? 标准是:把你写的那段话给一个完全不了解这件事的朋友看,他能照着画出页面草图,就够了。 一开始宁可写细一点,后面熟练了自然会缩短。
Q:我根本不知道自己想要什么样式,怎么写风格约束? 用类比,AI 很吃这一套:“像小米官网那样干净”、“像纸质杂志那样的排版”、“别用渐变和阴影”。或者反过来说不要什么,往往比说要什么更容易。
Q:一次说太多它会做不完吗? 会。超过 4~5 个要点,AI 容易漏掉后面的。正确做法是:先让它做出主体骨架,验收通过,再一块一块加。这就是 3.5 要讲的“任务拆分”。
Q:既然 AI 都能写代码了,我为什么还要学第 4 章那些 HTML、CSS?
因为验收和决策需要它。你不需要会写 flex-direction,但当页面歪了、你得能判断“这是布局问题”,才说得出“把这三个卡片改成横向排列,手机上再变回竖排”。看不懂的人只能反复说“还是不对”,然后放弃。
六、本节提示词
① 让 AI 帮你把需求写完整(写不下去时用):
我想做一个网站,但我不太会描述需求。我的想法是:【把你能想到的都写上,多乱都没关系】
请你做两件事:1. 用提问的方式,问我 3~5 个你必须知道、但我还没说清楚的问题;2. 等我回答之后,帮我整理成一段结构化的需求描述,包含:核心内容、页面从上到下的结构、风格约束。
先只问问题,不要开始写代码。② 需求自检(写完之后用):
下面是我写的一段网站需求,请你以"要照着做的人"的身份审一遍:【粘贴你的需求】
请指出:1. 哪些地方我没说清楚,你只能靠猜;2. 哪些信息我没提供,你会不得不编造;3. 按我现在的描述做出来,最可能和我预期不一致的是哪一点。
不要帮我写代码,只指出问题。上一节 ← 1.1 这门课能带你到哪里 下一节 → 1.3 零基础必备的五个电脑常识