代码不会写,
也能做出自己的东西。
这不是一门“学编程”的课。它更像一份给纯小白的上手地图:先把害怕拆掉,再做出一个能跑的小东西。
这不是一门“学编程”的课。它更像一份给纯小白的上手地图:先把害怕拆掉,再做出一个能跑的小东西。
屏幕弹一行红字,英文,看不懂,底下一句 Error: undefined。那一秒你不是"学不会"——
你是觉得我是不是根本不属于这里。姐妹,那一秒我也有过。
大白话说:你把想法讲清楚,AI 先做一版,你看哪里不对,再让它改。
你不负责背语法,你负责判断“这是不是我要的”。
↳ 下一节,我们把这个协作方式拆开讲。
是你带着 AI 一起做。主语永远是你。
我不让你"踏上旅程"。"旅程"太重,它默认你会坚持很久。
我的设定是:你今晚有 90 分钟,明天可能就忘了。
那就让今晚这 90 分钟,做出一个你愿意截图发朋友圈的小东西。
不用完整,也不用漂亮。先写下那件你总想让 AI 帮你做成网页的烦恼。它会成为后面所有练习的起点。
痛点还没写下那个痛点
给谁还没写下要给谁看
希望还没写下希望发生什么
写一点就好。之后我们可以把这张卡交给 AI,继续变成网页需求。
它不是又一种学语法的方式。它也不是 AI 替你做。先把这件事讲透,再动手——心里会稳一点。
上一节你写下了“我总要解释的事”。这一节不急着做网页,先把它压成一个手机小页:标题、说明、按钮、语气。越小,Codex 越容易一次接住。
你不用一开始就想“我要做一个网站”。那太大了。你只要想:一个人点开手机页面,第一眼要知道什么?
第一季只做四块:标题、说明、按钮、语气。其它都先不要。
照着这四格填,后面就能直接拼成给 Codex 的第一句话。
不是背语法,也不是让 AI 替你做决定。你把需求说清楚,看结果,指出哪里不像,再让它改一处。今天这张任务单,就是你和 AI 协作的第一份“人话规格”。
按钮不一定要真的联网,也不一定要提交表单。第一版可以只是:点一下显示报名方式、复制微信号、显示下一步、给一句祝福。
它的作用是让页面从“说明文字”变成“可以互动的小东西”。
把上一节的痛点压成一张能交给 Codex 的任务单。后面 004 会直接用它生成第一版网页。
标题还没写下标题
说明还没写下说明
按钮还没写下按钮动作
这张任务单就是 004 给 Codex 的第一句 prompt 的原材料。
我们不会把你扔进 Node、Git、终端。下一节只确认:你今天能把这张任务单交给 Codex,还是先走备用 AI 路线。
这一节不是让你装一堆程序员环境。我们只做一件事:确认你手上有一个能接住需求、能帮你改网页文件的 AI 编程工具。推荐走 Codex;如果暂时打不开,也有保底路线。
如果后面要真的做网页,你至少需要一个“会帮你动手做文件”的 AI 编程入口。只聊天、只问概念,是接不上下一节的。
但你今天不需要先理解 Node、Git、VS Code、终端、部署。那些是后面的梯子。现在只要确认:我能把一句需求交给 Codex 这类 AI coding 工具。
推荐路线是 Codex:它不是普通聊天框,而是能围绕项目文件工作、按你的需求生成和修改网页的 AI 工程搭子。后面“直接来个网页”,默认就是把任务交给这一类工具。
今天的合格线:你能打开一个入口,对它说“帮我做一个网页”,并且它愿意继续问你需求或给你下一步。做到这里,就能接上 004。
“不痛”不是“什么都不准备”。它的意思是:先别把自己丢进程序员工具堆里。我们只确认一个最小入口:Mac 上能打开 AI 编程工具,手机上能看结果。
不用证明自己“会配置环境”。选最像你今天的一格,照着下一步走。
当你做完一个东西,想发链接给朋友——这一级才用得到。今天只要能在 AI 编程入口里开始做,发布和同步可以等作品出现后再处理。
国内网络、账号、手机和电脑状态都可能不一样。不要卡在“我是不是不够专业”,先选一条今天真的能把需求交出去的路。
入口还没选今天的入口
备选还没写下备选方案
设备还没写下手边设备
如果网络或账号今天不顺,就按这张入口卡走,不和环境硬碰硬。
破冰章节到这里就结束了。下一章我们把入口卡和前面的任务单交给 Codex 或备用 AI,正式做出一个能跑、能截图、能发的小网页。
这节课只做一件事:把“我想做个东西”变成浏览器里真的出现的一个页面。它可以丑,可以粗糙,但必须能打开。
第一版只要满足三件事:用了你的任务单、有标题和说明、有一个按钮或者小互动。
别急着改颜色、字体、动效。第一版越简单,越容易让 AI 跟上你。
请帮我做一个给【谁】看的手机小页。它要说明【这件事】,按钮点一下会【发生什么】。整体感觉要【温柔/清爽/专业/可爱】。请先做成一个单文件 HTML,不要外部依赖,不要 npm,不要 GitHub,适合手机打开。
① 它能不能打开?
② 按钮点了有没有反应?
③ 这是不是大概像你要的?
如果答案是“差不多”,就进入下一步。不要在第一版就追求漂亮。
不要说“高级一点”“好看一点”。这类词太虚,AI 会乱猜。
换成:标题短一点、按钮圆一点、背景暖一点、文案像朋友说话一点。
真正动手时,你只需要一段清楚的话。把 002 的任务单接进来,生成可以直接交给 Codex 的第一句 prompt。
对象还没写下观看对象
说明还没写下说明内容
按钮还没写下按钮动作
这张卡会把 002 的任务单变成第一句可复制给 Codex 的 prompt。
能跑之后,再谈“我的感觉”。下一节我们学会给 AI 风格反馈。
这节不讲新工具,只练一个能力:把“哪里不对”说清楚。你越会描述感受,AI 越能靠近你的品味。
很多人卡住,是因为只会说“我不喜欢”。这不够。
你要补一句:不喜欢哪里。比如:太像办公软件、颜色太冷、字太密、按钮太硬、文案太像客服。
保留功能不变。把页面改得更温柔、更像女生写给自己的小卡片:奶油色背景、樱桃红强调、文字少一点,按钮圆一点。不要科技感,不要大面积渐变,不要商务插画感。
这一点很重要:不要一次让 AI 改布局、颜色、文案、动效、功能。
一次只改一类。先改文案,再改颜色,再改布局。你会更容易判断到底是哪一步变好了。
做出来以后,不要只说“怪怪的”。把不喜欢的地方、下一轮只改什么、怎么判断改好了写下来。
不像还没写下哪里不像
只改还没写下下一轮改什么
判断还没写下怎么判断
后面接真实 AI 时,这会变成一条非常清楚的修改指令。
你已经完成“能跑”和“像我”。下一节开始,我们让它被一个真实的人看见。
你已经有了一个能打开、能修改的小网页。现在的问题不是“我会不会部署”,而是:今天用哪种方式,让一个真实的人看见它。
零基础第一季里,分享不是工程考试。你不需要一上来就理解 GitHub、Cloudflare、域名、备案。
今天的目标更小:让一个人看到你的页面,并且知道它在解决什么。截图、录屏、临时链接,都算。
选择方式的时候,不看“哪个最专业”,只看“对方今天能不能顺利看到”。大陆网络环境里,稳定比漂亮更重要。
如果朋友在国内打不开某个海外托管链接,先把它归类成“访问路径问题”,不是“我不会做网页”。这时用截图或录屏继续验证内容。
“请帮我检查这个单文件网页是否适合分享。不要加复杂工具,只确认手机阅读、按钮反馈、文字换行没有问题。如果适合,请告诉我最简单的分享方式。”
这句话的重点是“不要加复杂工具”。我们先保护新手体验,不让 AI 把你带去装一堆东西。
写下你今天准备怎么让别人看到它。这个选择不需要永久正确,只需要今天走得通。
方式还没选择分享方式
对象还没写下观看对象
保底还没写下保底方式
这张卡会帮你记住:分享是验证,不是考试。
发出去之后,最重要的不是夸不夸你好厉害,而是她有没有看懂、愿不愿意点、哪里卡住。下一节我们学会收回有用反馈。
一个网页是不是真的有用,不是你盯着它看出来的,是别人第一次打开时给你的反应。今天只发给一个人,低压力地试一下。
先找一个对你温柔、愿意认真看的人。她不需要懂技术,只需要像真实用户一样打开一次。
你要收的不是“好厉害”,而是三件事:看懂了吗、想点吗、哪里不舒服。
可以这样发:“我用 AI 做了一个很小的网页,不用认真夸我哈哈。你帮我看一眼:标题懂不懂、按钮想不想点、哪里让你困惑?”
问题越少,对方越愿意回。也更容易把反馈交给 Codex 改下一版。
朋友可能会说很多:颜色、文案、按钮、排版、打不开。你先分一类,只选最影响理解的一条。
下一步不是“全部优化”,而是:把一条反馈翻译成一条给 AI 的修改指令。
把朋友说的话先记下来,不急着反驳,也不急着全改。真实反馈是你开始做产品感的第一步。
对象还没写下对象
反馈还没写下反馈
先改还没写下下一步
后面可以把这张反馈卡直接交给 AI,变成下一轮修改。
网页做出来、发出去,迟早会遇到空白、红字、打不开、朋友看不懂。最后一节,我们把“卡住”变成能交给 AI 的求助信息。
AI 会写错,网页会空白,链接会打不开,朋友也可能看不懂。这些都不是“我不行”。你只需要把现象、目标、刚才做了什么讲清楚。
网页出错时,新手最容易把问题归因到自己。但对 AI 协作来说,错误只是信息不够完整。
你要做的是补信息:我想做什么、我刚才做了什么、现在看到了什么、我希望下一步怎样。
分清类型,才不会把网络问题拿去改代码,也不会把朋友反馈当成技术故障。
如果 AI、GitHub、Netlify、Cloudflare 或某个链接在国内网络下不稳定,不要立刻让 Codex 改代码。先换网络、换分享方式,或者回到截图/录屏保底。
“我想做的是:___。我刚才做了:___。现在看到:___。请不要重做整个网页,只告诉我下一步最应该改哪里,并给我一条可以直接复制的修改指令。”
最后那句很关键:不要重做整个网页。新手最需要的是下一步,不是十种可能性。
把卡住的瞬间保存下来。它不是失败记录,而是一条能被 AI 继续处理的问题说明。
目标还没写下目标
现象还没写下现象
求助还没写下求助方式
这张卡就是以后接入真实 AI 求助时最小、最清楚的输入。
从痛点、需求、入口、第一版、修改、分享、反馈,到卡住时怎么求助——你已经不是“不会代码的人”,你是能带着 AI 做出东西的人。