Phase 0 · 第 0.1 节 · 主资源:课程使命

本期训练营,你会获得什么?

本节课目标:搞清楚这门课最终带你去哪、平时怎么上、你在里面是什么角色。

前言 Code Like a God

我设这期课,最终的北极星目标只有一个:让这里每一个人,课程结束之后,都能独当一面,把自己的想法变成落地、可靠的现实。

Abel 想先跟你说几句

这个过程里,会遇到很多挑战,很多细枝末节、令人烦躁的反反复复。一个人从头开始琢磨,我花了很多很多的时间和心血。

实话说,我在学校里学到的东西,在自己的工作中一点,哪怕是一点都没用上。时代在改变,工具在改变,全部都是我自己摸索出来的。

现在我把这些知识和经验,结构化地梳理出来,变成一套系统的体系,希望能够帮助到有想法、不知从何开始的你们。

训练营如何进行

所以呢,我们就按这种形式来。我会准备课件、材料,还会有一些交互式的练习,也会给你们布置阶段性的作业。

然后我们每周找个时间(定个时间,群里为准),开一次会。这个会主要就是过每一个人的作业,或者 project。每个人都可以提一些建议、做一些分享,以及提问,然后我来一一解答。

2026年,随着模型能力和agent harness的显著提升,可以说90%以上的代码已经不需要人来写了。我们现在叫手写代码“古法编程“。而取代”古法编程“的呢,是现在网络trending的一个词 vibe coding:直译叫氛围编程,简单来说,就是不再手写代码,指挥ai来写代码,我们直接看结果,然后看感觉指挥ai随便改结果。这里实际参与生产的AI,不会是直接调用大模型(LLM)来写,而是让他们先接入设计好的框架内(我们叫它 Agent)生成和改;Agent可以理解为,给大模型手和脚和工具,让他们真正发挥自己的能力。

玻璃箱:你看得懂,但不必亲手拼

"不写代码"不等于"什么都不懂、全靠运气"。我们要的是玻璃箱,不是黑箱。箱子透明:Agent 在里面做什么,你需要看得懂个大概,能判断它对不对,能用大白话指挥它改。但箱子里的零件,你不必自己一颗颗去拧。

再定位的精准一点:你是架构师加产品经理,Agent 是干活的。你定要什么、什么样,它照着做。方向定错了,做出来就是歪的,把agent想象成自己的员工,你要为结果负责。

你这一路会做出什么:四阶段旅程地图

本训练营将分阶段,循序渐进的推进。我设计了前几个节点都使用同一个命题来学习基础以及练习:为一家电脑维修店 Steve's Repair 做一个官网,随着我们课程的推进,涉及到的东西和工具也会越来越多。结营时,会让大家掌握从0上线一个产品的能力。"落地自己的想法",就在这条路的终点。下面这张地图,左边三站是本期重点,右边两站淡显的是进阶,本期不做。

本期 · Phase 1
静态网站

把想法变成一个能上线、互联网上人人能看的网站。

产物:Steve's Repair 官网,有链接能发出去。

本期 · Phase 2
全栈网站

让网站能记住东西:能登录、有管理员后台。

产物:带后端的 Steve's Repair

本期 · Phase 3
App

一个能装进手机的移动App。

产物:可安装的 App,包含前后端

进阶(本期不做)
自写后端 + 腾讯云

把托管后端换成自己写的,部署到腾讯云、学基础运维。

产物:你自己掌控的后端服务。

进阶(本期不做)
自己的产品 · 小程序

用全部能力做一个你自己定目标的产品。

产物:上线的微信小程序,你的集大成毕业作品。

本期要走完的三站 进阶预告(先看见路,本期不走)

每过一关,只新增一件大事。Phase 1 先做出页面,Phase 2 才加"能记住东西",Phase 3 才加"装进手机"。

千万不要把vibe coding误会成"一句话给我写出英雄联盟"这种不切实际的幻想: 这中间的工作量依然大的难以想象。Agent 很能干,但它不会替你决定做什么产品、给谁用、长什么样,最终的形态和你想象的真的是否相似。这些是架构和产品上的决定,你需要做那个指挥的人,那个行事决绝的领导。最终为了这个产品负责的人只能是你,不是agent。你不好好指挥,agent也是会偷懒的。

每个项目开工前,先想后做

真正动手前,先别急着打开 Agent。先写两张很简单的东西:一张产品单页(我们也叫PRD),想清楚做给谁、解决什么问题;一张架构草图(大概有哪几块)。想清楚了,再让 Agent 去执行。这是练架构思维的地方,后面 1.3 先想后做 会带你完整走一遍。

动动脑回顾一下

下面 6 件事,逐个判断:是你来定(架构和产品方向),还是交给 Agent(具体执行和排错)?口诀:做什么、给谁用、长什么样,你定;怎么实现、报错怎么修,交给 Agent。

把每件事归类。点完看看你抓住"主导权"了没。

决定"这个功能到底给哪类顾客用"。

决定"网站要有哪几个页面、怎么分"。

把"联系我"按钮的代码真正写出来。

页面打不开、修掉一个报错。

决定网站整体走"干净专业"还是"亲切热闹"。

把你定好的配色和文案落实进页面。

本节小测

不是背定义,是换个场景看你会不会判断。

朋友看你在做网站,问你:"那 Agent 到底替你干了哪部分?"哪句回答最准?

还分不清"哪些该我定、哪些交给 Agent"?或者对四阶段地图有疑问?在群里问问大家,或者直接向Abel或者助教提问吧!。

课程术语表 下一节:选定起步 Agent 工具 预告:先想后做仪式