🧱
基础真的懂
HTML、CSS、JavaScript、HTTP、Git 先亲手写。以后 AI 写错时，你知道错在哪里。
WHY THIS BOOTCAMP
不是只听懂，是每周把产品往前推。
课前完成针对性导学，直播专注现场编码、关键联调和项目验收。每堂课后都有一个可运行、可展示、可检查的成果。
⚡
AI Coding 真的会
不止复制 Prompt。你会拆需求、给上下文、审代码、测结果、修 Bug，对 AI 产出负责。
🚀
产品真的上线
React + Node.js + MongoDB + OpenAI + RAG + Cloud，最后交付别人能打开的产品链接。
TWO-STAGE METHOD
手写与 AI Coding，各在正确的时间出现。
零基础最怕两个极端：一直手写，开发速度跟不上；一开始全交给 AI，出了问题完全看不懂。新版课程把两者分成清楚的两个阶段。
⌨️ 第一阶段：手写代码
- 手写页面结构、样式与交互
- 亲自发出 API 请求并处理错误
- 用 Git 保存每次变化
- AI 只可解释、提示、辅助 Debug
🤖 第二阶段：AI 协作开发
- 把功能拆成 AI 可执行的任务
- 用 AI 生成骨架，人工审查与修改
- 让 AI 补测试、排错与重构
- 每段代码都要能解释、能验收
课程原则：第一阶段，你写每一行；第二阶段，你为每一行负责。
ONE PROJECT, FULL JOURNEY
一个真实项目，贯穿整套技术栈。
项目主题可以根据当期需求调整，但不会做十几个互不相干的小 Demo。每堂课都在同一个代码库上增加真实功能，最终形成完整的产品交付经历。
🖥️
Landing PageHTML / CSS / JS⚛️
应用前端React / Router🔌
业务后端Node / REST API🔐
数据与认证MongoDB / Auth🧠
AI 与 RAGLLM / Vector DB☁️
生产上线Cloud / Security16 LIVE SESSIONS
约 3 个月课程安排
根据学习难度与项目节奏，每周安排 1–2 场直播。课前导学帮助建立知识准备，直播课推进项目关键路径；每次课后都要提交一个能运行、能截图、能追溯的项目增量。
PART 01 · 手写全栈基础
第一个月 · 8 场 × 3 小时
目标：不用 AI 代写，也能解释网页、交互、API 与 Git 是如何工作的。
01
HTML 与产品结构
直播：从零搭建本期项目页面骨架、语义化与信息结构。
课前导学：HTML&CSS 的奥秘
产出：Landing Page 骨架作业：手写 5 个语义区块
02
CSS 与产品视觉
直播：盒模型、Design Tokens、按钮与卡片组件样式。
课前导学：HTML&CSS Part 2 / CSS & Sass
产出：统一视觉系统作业：还原产品样式
03
响应式布局
直播：Flex、Grid、断点与移动端适配。
课前导学：Grid 和 Flexbox 卡片布局 Lab
产出：手机可用页面作业：通过 3 档屏幕验收
04
JavaScript 编程基础
直播：变量、函数、数组、对象与控制流，建立程序思维。
课前导学：JavaScript 入门 / ES6
产出：职业问题数据模型作业：完成数据处理函数
05
DOM、事件与表单
直播：事件监听、页面状态、输入验证和错误提示。
课前导学：JavaScript 交互入门
产出：可交互问答表单作业：补齐成功/失败状态
06
HTTP、API 与异步
直播：请求/响应、Fetch、Promise、Async/Await 与异常处理。
课前导学：ES6 进阶 / Working with API
产出：真实 API 数据页面作业：加载、空态、错误态
07
Git 与工程协作
直播：Commit、Branch、Merge、Pull Request 与冲突处理。
课前导学：Git Introduction / Git 实践 Lab
产出：可追溯 Git 仓库作业：Feature Branch + PR
08
手写版整合与首次上线
直播：调试、代码整理、CI/CD 与静态网站部署。
课前导学：GitHub Page / S3 静态部署
里程碑 M1：线上手写版作业：链接 + 代码讲解视频
PART 02 · AI Coding 全栈交付
第二至第三个月 · 8 场 × 2.5 小时
目标：把 AI 当 Pair Programmer，快速交付但不放弃理解、测试与判断。
09
React 与 AI Coding 工作流
直播：组件拆分、Props/State，以及如何给 AI 高质量上下文。
课前导学：React 快速上手 / 组件基础
产出：React 页面重构作业：提交 Prompt 与人工修改
10
React 应用架构
直播：Router、Hooks、Context、登录注册与表单验证。
课前导学：React Router / 表单 / Hooks
产出：完整前端流程作业：注册登录 + 路由保护
11
Node.js 与 REST API
直播：Express、路由、中间件、接口规范与 API 调试。
课前导学：Node.js 1–4 / Express 实践
产出：用户与 Profile API作业：接口文档 + 错误处理
12
MongoDB 与用户认证
直播：Mongoose 数据模型、注册登录、鉴权与权限边界。
课前导学：Node.js 5–6 / MongoDB
里程碑 M2：可登录全栈应用作业：受保护接口测试
13
全栈 Dashboard 与 CRUD
直播：前后端联调、数据获取、编辑更新与状态处理。
课前导学：React 服务端交互 / CRUD Server
产出：用户 Dashboard作业：完整 CRUD 闭环
14
AI 聊天与 Streaming
直播：OpenAI API、Prompt、密钥安全与流式聊天体验。
课前导学：AI 模型对比 / Four Prototyping Patterns
产出：AI 职业陪练作业：流式对话 + 失败降级
15
记忆、Embedding 与 RAG
直播：上下文边界、向量检索、知识库回答与引用。
课前导学：Embeddings / RAG / RAG from Scratch
里程碑 M3：知识库问答作业：RAG 评测样例
16
生产部署与 Demo Day
直播：云部署、环境变量、安全、性能、验收与产品演示。
课前导学：AWS 基础 / Testing and Deploy / CI/CD
最终交付：线上 AI 全栈产品作业：README + Demo 视频
GUIDED LEARNING
每周导学清单，清楚知道该学什么。
每堂直播前都有对应的必看内容与学习目标；扩展资源按需开放，帮助不同基础的学员复习巩固或继续进阶。
必看
每周精准预习
每堂课前指定 1–2 个旧视频或具体时间段，控制在 60–90 分钟。
选看
按基础补齐
React、Node、部署等扩展录播，给需要复习或希望深入的学生。
拓展
按方向继续深入
职业发展、架构专题和特定技术方向作为拓展内容，不影响必修主线与结课验收。
项目支持：直播课预留集中答疑时间；常见问题会持续沉淀为学习资料；第 8、12、15、16 课设置重点里程碑检查。
EVERY CLASS SHIPS
16 堂课，16 次可检查的课后交付。
01 · CODE
提交代码
GitHub Commit 或 Pull Request，保留每一步迭代记录。
02 · PROOF
提交运行证明
功能截图、录屏或线上链接，证明它不是“看懂了”。
03 · THINKING
提交解决过程
记录遇到的问题、尝试的方法，以及最终如何定位。
04 · AI LOG
提交 AI 协作记录
第 5 周起附关键 Prompt、AI 初稿和人工修改说明。
WHAT YOU LEAVE WITH
结课带走的不只是一份代码。
你会拥有一套从需求、开发到上线的完整证据，可以继续迭代自己的产品，也可以作为作品集展示。
🌐
线上产品
一个真实可访问的AI全栈产品
📁
GitHub 仓库
清晰、连续的开发记录
🧠
AI + RAG
真实可演示的智能功能
🧪
验收与测试
关键路径及异常场景
🎬
Demo 视频
能讲清产品与技术决策
最终目标：从“我学过”变成“这是我做出来并上线的”。
页面、API、数据库、AI、RAG、部署，每一层都能展示，也知道它为什么这样工作。
SHIP IT ✓
FAQ
你可能还想知道
零基础能学吗？
可以。前四周专门用手写代码建立网页、JavaScript、API 和 Git 基础。但课程节奏紧凑，需要按时看指定录播并完成每次课后作业。
为什么不从第一天就用 AI Coding？
因为 AI 会生成能运行但不一定正确的代码。先建立基础，后面你才有能力判断、调试和修改，而不是被 AI 牵着走。
学习过程中卡住怎么办？
直播课设有集中答疑，课后可以按规范提交问题；关键里程碑还会安排重点检查，帮助学员及时发现并解决项目问题。
录播需要全部看完吗？
不需要。每周会给出必看、选看和资料库三级清单。必看内容只服务于下一堂直播，避免无目标刷课。
AI Coding 阶段是不是不用写代码了？
不是。AI 可以生成初稿，但学生必须阅读、运行、测试和修改。作业会要求提交关键 Prompt 和人工修改记录。