LESSON 1.2 / WHY & HOW

先看完整路线,再开始走

先看清产品会经过哪些阶段,再开始写第一行代码。这样遇到陌生名词时,你能把它放回路线,而不会被它带走。

预计阅读约 25 到 40 分钟
完成结果能为接下来一周选出一个成果,并写清开始条件、结束证据和所需知识。
本课目标
  • 能为接下来一周选出一个成果,并写清开始条件、结束证据和所需知识。
  • 本地开发、联调、构建、部署和上线的区别
  • 验证先看完整路线,再开始走后,应当能为接下来一周选出一个成果,并写清开始条件、结束证据和所需知识,并保留学习日志、页面截图和终端输出作为可重复检查的依据。
开始之前
  • 完成 1.1「AI 时代为什么还要理解全栈」
01

FOUNDATION

必须理解

路线图的作用不是制造待办压力,而是让你知道当前问题依赖什么、下一步最小成果是什么。看见全貌后再局部学习,可以避免在工具之间反复跳转。

本课依次讲清本地开发、联调、构建、部署和上线的区别、学习结果应该是一条完整闭环,不是互不相关的练习和概念在用到时理解,比提前背完更有效,最后通过“把计划交给 AI 检查是否过大,再由自己删除不必要步骤”检查学习结果。

先建立整体直觉

第一次坐地铁不需要背下所有站名,但要知道起点、终点、换乘站和当前所在方向。课程阶段就是换乘站,每节课的完成标志就是确认自己没有坐反。

贯穿本课的实际场景

任务应用会依次经历纸面需求、静态页面、React 组件、API、数据库、登录与上线,每一步都保留一个能运行的版本。

概念 1

本地开发、联调、构建、部署和上线的区别

先用白话理解

有些东西确实要按顺序来。连文件放在哪都没弄清时,安装框架报错会完全找不到方向;还没见过请求和响应,就开始联调前后端,也很容易只剩猜。

基础概念

本地开发是在自己的电脑上编写和运行;联调是让多个部分按共同约定协作;构建是把源代码转换成可交付产物;部署是把产物放进运行环境;上线是让真实用户开始访问。

进一步理解

这些动作可能连续发生,但验收证据不同。本地开发看本机地址,联调看请求与响应,构建看生产产物,部署看远端版本,上线还要看真实域名、账户和用户流程。

把阶段分开能帮助定位失败。构建失败与服务器打不开不是同一问题;部署命令成功也不代表域名、权限和数据已经适合真实用户。

放进实际场景

任务应用在 localhost 上可用属于本地开发;接上 /api/tasks 属于联调;生成 dist 属于构建;把版本送到平台属于部署;邀请用户通过正式域名使用才是上线。

容易混淆的地方

“发布”和“部署”常被混用,但规划时最好区分:部署是技术版本到位,发布还包含是否向用户开放以及如何回退。

这一小节记住:每个阶段都要用属于它自己的可观察结果来验收。

概念 2

学习结果应该是一条完整闭环,不是互不相关的练习

先用白话理解

“这周学会部署”听起来像目标,其实很难判断完成没有。换成“手机能打开我发布的页面”,你和 AI 都知道最后该验收什么。

基础概念

完整闭环是从问题出发,经过实现、验证和交付,最终由真实结果证明目标达成的一条连续链路。课程知识只有进入这条链路,才会从孤立记忆变成可迁移能力。

进一步理解

孤立练习可以训练局部动作,例如写一个按钮;闭环还会追问按钮为何存在、点击后数据去哪、失败如何提示、用户是否真的完成任务。

学习路线应由前置关系组织。先会定位文件再谈构建,先理解请求响应再谈接口,先有数据模型再谈迁移,可以减少同时处理太多未知量。

放进实际场景

每学一个主题,都在同一个任务应用上留下可运行结果:静态列表、组件化列表、真实 API、持久化数据、登录和公开版本依次连接。

容易混淆的地方

闭环不等于一次做出大型产品。一个按钮从输入到保存再到提示也可以是小闭环,关键是输入、处理、输出和验证都存在。

这一小节记住:学习成果应是一段能重复验证的完整行为,而不是看过的名词数量。

概念 3

概念在用到时理解,比提前背完更有效

先用白话理解

遇到新名词先问三个问题就够了:它解决什么、接收什么、最后交出什么。眼前用不到的细节先放一放,等项目真的走到那里再深挖。

基础概念

按需理解是先掌握当前行动所需的最小模型,再在真实问题出现时补充细节。它不是拒绝基础,而是用使用场景给抽象知识提供位置。

进一步理解

第一次遇到术语时先问:它解决什么问题、接收什么、产生什么、出错时表现怎样。四个答案足以建立入口,之后再读正式定义和机制。

提前背完所有细节会带来高遗忘率,也让人无法判断什么重要。完全跳过概念又会变成复制命令。合适的节奏是理解到能预测下一步和检查结果。

放进实际场景

学习 DNS 时先用它解释域名如何找到服务器;等配置域名时,再深入记录类型、缓存时间和传播过程。

容易混淆的地方

按需学习不等于“遇错才搜一个答案”。如果不知道操作范围、安全风险和成功证据,就还没有达到可以执行的最低理解。

这一小节记住:概念学到能指导当前行动,再让实践暴露下一层问题。

02

AI COLLABORATION

AI 如何参与

在先看完整路线,再开始走这一课,AI 负责根据真实材料解释本地开发、联调、构建、部署和上线的区别并指出遗漏,学习者负责控制范围、执行修改和核对学习日志、页面截图和终端输出。

推荐协作顺序

  1. 1

    把你的最终目标和每周可用时间告诉 AI,让它先按成果拆阶段。

  2. 2

    删掉那些只有“学习某技术”却没有可观察结果的步骤。

  3. 3

    拿本周目标反问 AI:如果只能完成一件事,哪一步最接近能运行的产品。

可直接使用的 Prompt
我的目标是完成个人学习任务应用,每周可投入的时间如下。请按可观察成果拆成阶段,每阶段写前置条件、完成证据和暂时不学的内容。不要只列技术名词。
应该得到什么

一条以成果为节点的路线,而不是 HTML、React、数据库等名词清单;前后阶段应有明确依赖;先看完整路线,再开始走的人工验收必须回到真实页面、请求、终端、测试或数据结果,不能用 AI 的文字说明代替。

人工检查清单

  • 确认路线没有要求在第一阶段同时学习多门语言,也没有把“看完教程”写成完成标志。
  • 检查 AI 给出的阶段是否都有输入、输出和可观察完成证据。
  • 拿最近一周的真实时间检验路线,确认没有把多个前置阶段挤进同一天。
03

COMMON TRAPS

常见误区

下面三类问题会让任务看似完成,却经不起刷新、错误输入或真实环境检查。先看现象,再找原因和修正方法。

误区 1

把路线当成打卡顺序

你会看到
已经会的内容仍反复学习,当前项目却迟迟没有前进。
为什么发生
课程顺序提供前置关系,不了解你的已有经验。
怎样纠正
用阶段结果自测,已经能稳定做到的内容只需复查。
误区 2

收藏很多资料却不动手

你会看到
浏览器书签越来越多,项目目录里仍没有可打开的成果。
为什么发生
收集资料不会暴露理解缺口,运行结果才会。
怎样纠正
每周只保留一个主成果,资料等遇到问题再查。
误区 3

同一周跨越多个阶段

你会看到
计划同时包含 React、数据库、登录和部署,第一天就失去起点。
为什么发生
每项都依赖尚未建立的前置知识,未知量会互相放大。
怎样纠正
缩到一个输入和输出都清楚的小闭环。
04

HANDS-ON

动手任务

能为接下来一周选出一个成果,并写清开始条件、结束证据和所需知识。

准备条件
  • 完成 1.1「AI 时代为什么还要理解全栈」

跟着做

  1. 01

    抄写八个阶段名称,但先不要展开所有课程。

  2. 02

    为自己标注已经接触、听说过、完全陌生三种状态。

  3. 03

    选择最近一周只需要完成的一个成果。

  4. 04

    为这个成果写出开始条件、结束证据和最多三项知识依赖。

  5. 05

    把计划交给 AI 检查是否过大,再由自己删除不必要步骤。

完成标志

能为接下来一周选出一个成果,并写清开始条件、结束证据和所需知识。

加餐挑战

为接下来四周制作成果看板,每周只放一个主成果,并预留复盘格。

离开本课前,自问四件事

  • 我能否分别说出开发、联调、构建、部署和上线的完成证据?
  • 我这一周唯一要交付的可观察成果是什么?
  • 遇到陌生概念时,我会先提出哪四个问题?
  • 我能否指出当前课程在整条产品链路中的位置和前置条件?
完成本课了吗?

确认完成后,会同步更新学习中心的课程学习进度。