01 Motivation & React 基础

• 目标: 理解为何在 AI 大模型时代学习全栈开发，如何与 AI 工具交互构建学习助手，并巩固核心 React 概念。

• 环境检查: 快速验证预习阶段的 Node, Git, Cursor/VS Code 设置。解决任何遗留问题。

• 实践: 在新的 Vite 项目中重建/扩展预习阶段的 Counter 和 TodoList 组件。添加诸如清除列表或显示项目数量之类的功能。确保组件在适当的地方接受和使用 props。练习使用 AI 提问遇到的概念。

02 样式 (Tailwind CSS) & UI 组件 (shadcn/ui)

• 目标: 学习使用 Tailwind CSS 的现代样式技术，并使用 shadcn/ui 等集成预构建的 UI 组件。

• 实践: 使用 Tailwind CSS 为第 1 天的 TodoList 应用添加样式。使其具有响应性。用 shadcn/ui 的 Input, Button, 和 Card 组件替换标准的 HTML input/button。尝试不同的 Tailwind utilities 和 shadcn/ui 组件。

  
  

03 TypeScript & 状态管理

• 目标: 理解使用 TypeScript 进行静态类型检查的好处，并学习 useState 之外的基本状态管理技术 (Zustand, Redux, Signal)。

• 实践: 将 TodoList 应用转换为 TypeScript，为 props, state, 和事件处理程序添加类型。使用 Zustand 实现一个简单的主题切换器 (例如, 更改背景颜色)。

04 数据库介绍 (SQL vs NoSQL) & Supabase/Firebase

• 目标: 理解数据库基础知识并设置云后端即服务 (BaaS)。

• 实践: 创建 Supabase 帐户和项目。使用 Supabase 仪表板 UI 或 SQL 编辑器创建 todos 表。在表上启用行级安全。探索 Supabase 仪表板。

05 客户端路由 + Hono 后端 & CRUD

• 目标： 用 React Router 做多页导航，并在 Cloudflare Workers 上用 Hono 搭建轻量 API，将前端安全地连到 Supabase 完成完整 CRUD，为后续 LLM 和部署做好接口基础。

• 实践： 把 Todo 应用拆成 / 列表与 /add 表单；编写 Hono 路由（内部调用 Supabase RPC），前端通过 typed fetch 调用这些端点，实现新增、切换完成、删除 Todo。

06 LLM 接入（function call & agent）

• 目标： 搞懂 prompt-completion-function-call 流程、token 成本及轻量 Agent 框架，把业务动作封装成模型可调用函数。

• 实践： 前端调用 /api/chat 让用户用自然语言增删 Todo，再扩展到“周计划摘要”“错误诊断”与 perception-planning-action 循环，让模型自主决定何时调用 addTodo、listTodos 等工具。

07 部署 & Demo Day 冲刺

• 目标： 掌握 Edge-First 部署思路和 GitHub Actions + Vercel/Cloudflare 的 CI/CD 流程，体验 AI 生成配置文件的效率。

• 实践： 用 Vercel CLI 或 wrangler deploy 一键上线并为每个 PR 生成预览。