这门课会带你做什么

前面三篇，你看懂了网页是什么、体验了让 AI 写代码、也明白了从"网页"到"应用"还差什么。

这篇是第 1 章的收尾，我把整门课的路线图给你画清楚。看完你就知道：接下来要学什么、每一章解决什么问题、学完你能独立做出什么。

一句话总结这门课

用 AI Agent 当你的编程搭档，从零搭出一个能上线、能给真人用的完整 Web 应用。

关键词有三个：

• AI Agent 驱动：不是教你死记语法，而是教你"怎么指挥 AI 帮你写"
• 完整链路：前端、后端、数据库、部署，全部打通
• 能上线能用：最终成果是挂在公网上、别人能访问的真实项目

学习路线全览

整门课按"从能跑起来，到能上线"的顺序展开，一共 16 章：

第一阶段：建立工具与基础（第 2-5 章）

章	你会学到	学完能做到
2. AI Agent 入门	主流编程 Agent 工具、提问技巧	会用 AI 高效生成和修改代码
3. 开发环境搭建	Node.js、编辑器、创建 Next.js 项目	在自己电脑上跑起一个 Next.js 应用
4. Next.js 路由与页面	App Router、页面与布局	用 AI 搭出多页面的网站骨架
5. React 组件与样式	组件、状态、Tailwind CSS	做出有交互、好看的页面

第二阶段：让应用"活"起来（第 6-9 章）

章	你会学到	学完能做到
6. 数据获取与渲染	服务端取数、SSG/SSR	让页面展示真实数据
7. 数据库基础	MySQL、SQL、表结构设计	让你的应用能"记住"数据
8. 构建 API 接口	Route Handlers、RESTful	前端能调用接口读写数据
9. 用户认证与授权	登录注册、密码哈希、会话	用户能登录、按权限访问

第三阶段：打磨与进阶（第 10-11 章）

章	你会学到	学完能做到
10. 表单与数据流	Server Actions、校验、上传	做出能提交复杂数据的功能
11. 体验优化	加载态、错误处理、SEO	让应用更专业、更好用

第四阶段：从本地到上线（第 12-16 章）

章	你会学到	学完能做到
12. 认识服务器	云服务器、Linux 基础	能登录并操作一台服务器
13. 域名管理	域名购买、DNS 解析、备案	有一个能指向你服务器的域名
14. Nginx 反向代理	Nginx 安装配置、反代原理	把域名正确指向你的应用
15. 部署上线	Docker、环境变量、上线排错	把应用挂到公网，别人能访问
16. 综合实战项目	串联所有知识点	独立交付一个完整项目

贯穿全课的工作方式

不管在哪个阶段，你开发应用的节奏始终是同一个循环：

想清楚要什么（你来）
    ↓
描述给 AI Agent（你来）
    ↓
AI 生成代码（AI 来）
    ↓
运行 + 看效果 + 验收（你来）
    ↓
不对？再告诉 AI 怎么改（循环）

这门课教你的，不只是"Next.js 怎么用"，更是这套"用 AI 做开发"的工作方法。掌握它，你以后学任何新技术、做任何新项目，都能复用。

学完你能做出什么

举个具体的例子。学完整门课，你应当能独立做出一个类似这样的项目：

• 一个博客系统：能注册登录、发布文章、评论互动
• 一个待办应用：能添加任务、设置提醒、多人共享
• 一个简易商城：能展示商品、加购物车、下单

而且关键是——这些都是你"指挥" AI 写出来的，挂在你自己的域名上，真人能访问。

课程的最后一章，我们会带你完整做一个实战项目，把前面学的全部用上。

给你的学习建议

最后，给你几条贯穿全课的建议：

1. 动手优先：每篇都跟着做，哪怕只是复制 AI 的代码跑一遍。看十遍不如跑一遍。
2. 别纠结语法：看不懂某行代码没关系，只要知道它"大概在干什么"。需要时再回头细究。
3. 善用 AI 提问：课程里讲不清的地方，直接问 AI"这段代码是什么意思"。AI 是你 24 小时的家教。
4. 遇错别慌：报错是常态。把报错原样丢给 AI，它十有八九能告诉你怎么改。
5. 坚持走完：内容不少，但每章都有可见的产出。一章章推进，你会惊讶自己能走多远。

准备好了吗？下一章，我们就正式认识你接下来的"编程搭档"——AI Agent。