•••
产品样例 · Product in action
看看一条学习路线如何推进
以AI 原生全栈工程师为例，依次查看路线、今日任务与作品。
公开样例，不是你的计划。
演示步骤 · 路线 → 今日任务 → 作品
A direction, made concrete
每一阶段，都有一个落点。
先掌握依赖，再完成作品。知道为什么学，也知道学完能做什么。
第 1–4 周 / Product Foundations
打好产品基础
做出可访问的 React 产品界面，让交互与类型契约一起成形。
第 5–9 周 / Full-Stack Systems
接通完整系统
把界面接到有类型校验的 API，用关系型数据保存真实业务。
第 10–14 周 / AI & Evidence
加入有依据的 AI
让模型输出符合结构约束，每个重要结论都能回到来源。
第 15–18 周 / Production Proof
交付可验证的作品
部署、观察、完善产品，再用作品讲清自己的能力。
One focused session
今天，只推进这一步。
把大目标缩小成一次能完成、能回看的练习。
45MIN
Today's example
把一次表单提交变成可验证的服务端动作
- 理解客户端与服务端动作的边界
- 实现带类型校验的提交路径
- 提交一次可回看的代码变更
完成后留下一次 Git 提交，或一份实现说明
练习涉及：React 19 · HTTP & API Design · TypeScript
Make the work inspectable
学过什么，让作品来说明。
把练习的结果、过程和能力关联放在一起，方便自己回顾，也方便他人理解。
PROOF / 001示例 · 未验证
带类型校验的表单提交
从输入校验、服务端处理到结果反馈，完成一条可检查的提交路径。
- 代码变更
feat: validate form submissions- 实现说明
- 说明客户端与服务端边界，以及校验失败时的处理方式。
- 复现步骤
- 分别提交有效输入与空值，记录成功结果和错误反馈。
- 关联能力
- React · TypeScript · HTTP & API Design
此处展示作品记录的形式，不代表真实用户成果或已通过能力认证。
开始自己的学习