---
title: "进阶版核心内容详解"
---


![101-next-part_preview-advanced-content.png](/images/Basic/101-next-part_preview-advanced-content.png)
# 进阶版核心内容详解

想知道进阶版具体会教什么？这里是详细介绍。


## 第 0 章：Bootcamp —— 零基础概念打底

**为什么需要这一章？**

进阶版会涉及更多"技术性"的内容。这一章帮你建立必要的认知基础。

**你将学到：**

| 小节 | 内容 |
|:-----|:-----|
| 0.0 | 课程概念定义：什么是全栈开发 |
| 0.1 | 计算机基础：文件系统、进程、端口 |
| 0.2 | 命令行入门：像黑客一样操作电脑 |
| 0.3 | 前端三件套：HTML、CSS、JavaScript |
| 0.3.5 | 网络基础：HTTP、域名、DNS |
| 0.4 | 开发环境配置：Node.js、包管理器 |
| 0.5 | TypeScript 入门：从动态到静态类型 |
| 0.6 | 开发安全底线：环境变量与密钥管理 |
| 0.7 | Docker 核心概念：容器化入门 |

::: info 💡 如果你有编程基础
可以根据自身情况跳过部分章节。但建议至少浏览一遍 0.5（TypeScript）和 0.7（Docker）。
:::


## 第 1 章：概念与准备 —— 从思维到工具

**这一章做什么？**

把 Bootcamp 的认知转化为可执行的行动。搭建完整的开发环境，跑通第一个 Next.js 项目。

**你将学到：**

- 工具装配与验证：选择 IDE、配置 AI 助手
- Vibe Coding 心法进阶：如何"指挥" AI 而不是被 AI 牵着走
- 最小上线实战：用 1Panel 完成第一次部署
- AI 协作工作流：建立可复用的人机协作模式

**核心目标：**

✅ 拥有一套完整的开发环境

✅ 跑通第一个 Hello World

✅ 完成第一次部署，拥有一个全世界都能访问的 URL


## 第 2 章：技术选型与架构蓝图

**这一章做什么？**

理解为什么选择 Next.js + TypeScript + Prisma 这套技术栈。了解现代全栈应用的架构设计。

**你将学到：**

- 技术栈全景与版本管理策略
- Next.js App Router 架构详解
- 渲染策略：CSR / SSR / SSG / ISR 的区别与选择
- 前后端协作与 API 契约
- 架构分层：表现层 / 接口层 / 业务层 / 数据层
- Supabase 适用场景与取舍

**核心理解：**

> 技术选型的本质不是选"最好的"，而是选"最适合的"。


## 第 3 章：前端开发 —— 把页面跑起来

**这一章做什么？**

从基础的 React 组件到完整的页面，掌握现代前端开发的核心技能。

**你将学到：**

- React 组件基础：函数组件、JSX、Props
- 状态管理：useState、useEffect
- 路由系统：Next.js 的文件系统路由
- UI 组件库：shadcn/ui 实战
- 样式方案：Tailwind CSS 原子化 CSS


## 第 4 章：数据库与数据 —— 数据生命周期管理

**这一章做什么？**

从简单的数据存储到完整的数据库设计，掌握数据管理的核心能力。

**你将学到：**

- PostgreSQL 基础：关系型数据库入门
- Prisma ORM：类型安全的数据库操作
- 数据建模：如何设计数据表结构
- CRUD 操作：增删改查的最佳实践
- 数据验证：保证数据质量


## 第 5 章：产品与文档 —— 让人和 AI 都读得懂

**这一章做什么？**

从基础版的简单 PRD 到更专业的文档体系，让你的项目可维护、可协作。

**你将学到：**

- PRD 进阶：更完整的需求文档
- 技术文档：架构文档、API 文档
- 文档自动生成：让 AI 帮你写文档
- 版本管理：文档的版本控制


## 第 6 章：认证与安全 —— 权限管理

**这一章做什么？**

实现用户注册、登录、权限控制，保护你的应用和用户数据。

**你将学到：**

- 认证 vs 授权：两个概念的区别
- JWT 和 Session：两种认证方式
- NextAuth.js：开箱即用的认证方案
- 权限控制：基于角色的访问控制（RBAC）
- 安全最佳实践：防范常见攻击


## 第 7 章：API 设计规范

**这一章做什么？**

设计规范、易用、安全的 API 接口。

**你将学到：**

- RESTful 设计原则
- 请求与响应格式规范
- 数据校验：Zod 验证库
- 错误处理：统一的错误响应
- API 版本管理


## 第 8 章：项目规则与协作

**这一章做什么？**

建立规范的项目管理流程，为团队协作做好准备。

**你将学到：**

- Git 工作流：分支策略、提交规范
- 代码规范：ESLint、Prettier
- 代码审查：Pull Request 流程
- 项目结构：目录组织最佳实践


## 第 9 章：测试与质量

**这一章做什么？**

用自动化测试保证代码质量，减少 Bug。

**你将学到：**

- 为什么需要测试
- 单元测试：测试单个函数/组件
- 集成测试：测试多个模块协作
- E2E 测试：测试完整用户流程
- 测试覆盖率与持续集成


## 第 10 章：部署与运维

**这一章做什么？**

把你的应用部署到生产环境，并保持稳定运行。

**你将学到：**

- Vercel 部署：零配置上线
- Docker 容器化：打包你的应用
- CI/CD 流水线：自动化部署
- 环境管理：开发/测试/生产环境
- 监控与告警：发现问题、快速响应


## 第 11 章：发布与复盘

**这一章做什么？**

正式发布你的产品，收集反馈，持续迭代。

**你将学到：**

- 版本发布流程
- 用户反馈收集
- 数据分析入门
- 迭代优化方法论
- 复盘总结：从项目中学习


## 第 12 章：高级专题 —— 进阶优化

**这一章做什么？**

深入探索高级主题，让你的应用从"能用"变成"好用"。

**你将学到：**

- SEO 优化：让搜索引擎找到你
- 性能优化：让应用更快
- AI SDK 集成：在应用中使用 AI 能力
- 实时通信：WebSocket 入门
- 大文件处理：文件上传与下载
- 国际化：支持多语言


## 小结

进阶版不是要把你变成"专业程序员"。

而是让你在 Vibe Coding 的基础上，掌握更多工具，解决更复杂的问题。

**你依然是"指挥官"，只是指挥的范围更大了。**


准备好开始了吗？

👉 [进阶篇入口（已下线，敬请期待）](/Advanced/)