Skip to content

进阶版核心内容详解

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

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

为什么需要这一章?

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

你将学到:

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

💡 如果你有编程基础

可以根据自身情况跳过部分章节。但建议至少浏览一遍 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 的基础上,掌握更多工具,解决更复杂的问题。

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

准备好开始了吗?

👉 进入进阶版教程