AI Engineer 全栈项目班

第 30 期 · 2026.04 — 用 AI 重新定义全栈开发
16 周 37 节直播 80 个互动 Lab 12 个 Quest 77 节录播 278 节课
10
MODULES
37
直播课
80
互动 Lab
12
Quest AI Tutor
77
录播视频
278
总课时
AI ENGINEER 全栈项目班 = 全新物种
AI 工具→ 前端基础→ React→ 后端 API→ 全栈交付→ AI 工程→ RAG+Agent→ 上线
不是"全栈班加了 AI",是"AI 时代的全栈工程师培养"——Vibe Coding 贯穿全程,手写代码打基础 + AI 加速做项目
28 期 → 30 期 核心升级
5 大变化让你从"会写代码"变成"AI 全栈工程师"
1 AI 内容从 10% → 24%
新增 Prompt Engineering、Context Engineering、RAG 深度、Agent、MCP Server 完整体系
2 互动 Lab 从 13 → 80
React / JS / Prompt / RAG-Agent / AWS / Python / Git 全系列 Lab 覆盖
3 12 个 Quest AI Tutor 实战
AI 小花老师带你在真实环境做真事——装工具、写代码、部署上线、做安全评估
4 Vibe Coding 贯穿全程
M1 就装 Cursor + Claude Code,每个模块都有"AI 辅助开发"Quest
5 28 期全部视频保留
77 节录播 + 37 节直播一节不删,在此基础上扩充互动内容
MODULE 1

Launchpad

开营与 AI 工具配置 · 装好 Cursor + Claude Code + Git,第一天就能用 AI 写代码
10 节 · 2 直播 · 2 录播 · 2 Lab · 1 Quest · 9h
MODULE 2

Agile Mindset

敏捷协作基础 · Agile 方法论 + Git 团队工作流 + Sprint 实操
10 节 · 0 直播 · 4 录播 · 3 Lab · 1 Quest · 13h
MODULE 3

Web Fundamentals

从零构建你的第一个网站 · HTML/CSS/JS/Git 手写基础 + AI 加速 + 互动 Lab
45 节 · 7 直播 · 5 录播 · 14 Lab · 2 Quest · 66h
MODULE 4

React Engineering

现代前端工程实战 · ES6 → React 全套 → TypeScript + React Lab + 部署
59 节 · 5 直播 · 23 录播 · 16 Lab · 1 Quest · 90h
MODULE 5

Backend Architecture

Node.js 服务端开发 · Express + MongoDB + CRUD + Python 基础 + AWS Lab
35 节 · 4 直播 · 11 录播 · 14 Lab · 1 Quest · 57h
MODULE 6

Full-Stack Delivery

全栈整合与云端部署 · 前后端联调 + P3 团队项目 + AWS 生产部署 + CI/CD
25 节 · 11 直播 · 3 录播 · 3 Lab · 1 Quest · 52h
MODULE 7

AI Foundations

Prompt & Context Engineering · 从 AI 使用者升级为 AI 工程师 · Prompt Lab 实战
26 节 · 0 直播 · 1 录播 · 15 Lab · 1 Quest · 13h
MODULE 8

AI Application Dev

RAG + Agent + MCP 实战 · OpenAI API → RAG Pipeline → Agent → MCP Server
29 节 · 4 直播 · 7 录播 · 9 Lab · 2 Quest · 34h
MODULE 9

Production AI

产品化、评估与安全 · AI 上线运维 + 注入防御 + 幻觉检测 + LLM 评估
13 节 · 4 直播 · 1 录播 · 4 Lab · 1 Quest · 14h
MODULE 10

Career Accelerator

求职冲刺与职业加速 · 简历/LinkedIn/面试 + AI 岗位方向 + 技术分享
26 节 · 0 直播 · 20 录播 · 0 Lab · 1 Quest · 26h
四种教学模式
🔴
直播课 (37 节)

老师在线实操 + 互动答疑。React、Node.js、AI 集成等核心技能由老师手把手带。每节 2-3 小时。

🔬
互动 Lab (80 个)

浏览器内完成实操练习。Prompt Lab、React Lab、AWS Lab 等 7 类 Lab,即时验证结果,按自己节奏学。

🤖
Quest AI Tutor (12 个)

AI 小花老师主动引导你在真实环境做真事。装工具、写代码、部署上线——AI 先开口带节奏,做完才推下一步。

📹
录播视频 (77 节)

React 基础系列、Node.js 系列、Career Coaching、技术分享。多年积累的精品内容,随时回看。

M1: Launchpad — 开营与 AI 工具配置 10 节 · 2 直播 · 2 录播 · 2 Lab · 1 Quest
课前准备 · 职业路线图 · AI 开发环境配置 · Git 基础 · 总时长 9h
课程编排 (10 节)
1
图文
课前须知
课前须知： 欢迎来到Web全栈开发课程！为了帮助大家更好地投入学习并取得最佳效果，我们特别准备了以下课前须知，请仔细阅读： 预习材料 ：建议…
30m
2
图文
课前准备
为确保同学们在全栈开发课程中获得最佳学习体验，请参考以下准备指南： 基础知识预习 ：建议您在正式课程开始前，访问 W3Schools 等在线…
2h
3
录播
澳洲工作职场介绍
"澳洲公司全景：行业领袖与职业机遇" 澳洲公司的市场概况 ：深入介绍澳洲主要行业和领先公司，包括它们的市场定位、企业文化和核心价值。 澳洲公…
30m
4
录播
澳洲企业招聘流程
"澳洲企业招聘全攻略：三大关键阶段深度解析" 简历和求职信的制作与提交 ：学习如何撰写针对澳洲市场的高效简历和求职信，包括格式、内容和展现个…
30m
5
直播
开营仪式 & 职业路线图：从AI学习者到AI工程师
AI Engineer 职业路线图与能力结构 拆解 AI Engineer 的“五维能力”： - Full-stack 基础 （前端/后端/…
3h
6
直播
学习平台使用指南
你今天能学到什么 通过这一节，你会掌握： 怎么看课表、找上课入口 怎么快速找到课程资料 怎么看课程回放、补课 平台里还有哪些学习资源能帮你提…
1h
7
Quest
Quest: 在你电脑上配置完整 AI 开发环境 AI Tutor 主动引导
AI 小花老师一步步带你安装 Node.js、Git、Cursor、Claude Code，配置完整 AI 开发环境。
30m
8
Lab
Lab: Git 首次提交 git-lab git-first-commit
Git 实验：Lab: Git 首次提交。在浏览器内完成实操练习，即时验证结果。
20m
9
Lab
Lab: Git 分支基础 git-lab git-branch-basics
Git 实验：Lab: Git 分支基础。在浏览器内完成实操练习，即时验证结果。
20m
10
图文
延伸阅读：Vibe Coding 是什么 Learn 已有 vibe-coding/what-is-vibe-coding
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
M2: Agile Mindset — 敏捷协作基础 10 节 · 0 直播 · 4 录播 · 3 Lab · 1 Quest
Agile 方法论 · Git 团队协作 · Sprint 实操 · 总时长 13h
课程编排 (10 节)
1
录播
Agile Methodologies
1. 敏捷开发采用的具体方法：Scrum / Kanban 是什么？ 1.1 Agile 是什么（一句话） Agile = 用短周期迭代、持…
2h
2
录播
Agile方法论: 解锁团队的协作潜力
1. Agile敏捷开发：历史与哲学探究 从传统瀑布模型到敏捷方法的革命性变革。 敏捷哲学：为什么它如此强大？ <span class="q…
3h
3
录播
什么是Agile SDLC, Waterfall, Agile介绍
1. Agile 的由来、开发宣言、原则、主要关注点 1.1 Agile 的由来（为什么会出现） 背景：90年代的软件项目普遍失败： 需求变…
2h
4
录播
Agile Case研究：微软Microsoft Case Study
来自微软曾获得MVP的Ray老师，讲述以微软Windows交付使用Agile的流程 1. 微软是如何使用Agile的，如何使用Agile敏捷…
2h
5
Workshop
Workshop: Agile Project Management
Workshop: Agile Project Management
2h
6
图文
延伸阅读：Git 团队工作流 Learn 已有 git-lab/git-team-workflow
阅读 git-lab 方向的学习章节，掌握核心概念。
30m
7
Lab
Lab: Git 合并基础 git-lab git-merge-basics
Git 实验：Lab: Git 合并基础。在浏览器内完成实操练习，即时验证结果。
20m
8
Lab
Lab: Git 合并冲突 git-lab git-merge-conflict
Git 实验：Lab: Git 合并冲突。在浏览器内完成实操练习，即时验证结果。
25m
9
Lab
Lab: Git Rebase git-lab git-rebase
Git 实验：Lab: Git Rebase。在浏览器内完成实操练习，即时验证结果。
25m
10
Quest
Quest: 用 AI 创建你的第一个 Sprint Board AI Tutor 主动引导
AI 小花老师带你在 GitHub Projects 里用 AI 生成 User Stories 和 Sprint 计划。
25m
M3: Web Fundamentals — 从零构建你的第一个网站 45 节 · 7 直播 · 5 录播 · 14 Lab · 2 Quest
HTML/CSS 手写基础 · JavaScript 交互 · Git 版本管理 · 14 个互动 Lab · 2 个 Vibe Coding Quest · 总时长 66h
课程编排 (45 节)
1
录播
HTML&CSS的奥秘
网页的心跳:网页如何呈现给用户 网页旅程:探究一个网页如何从服务器传输到你的屏幕的背后原理。 HTML标签揭秘:网络的基石。熟悉最常用的标签…
3h
2
作业
HTML&CSS的奥秘: Assignment 01
创建Registration Form 作业背景： 网页表单是任何交互性网站的核心部分，无论是注册、登录、提问还是购物，表单都扮演了关键角色…
1h
3
直播
HTML入门实战：从空白到CareerMate网页框架
这是项目开发正式启动的第一节技术课。你将从零搭建 CareerMate AI 的 Landing Page 基础网页结构 ，完成一个可在浏览…
3h
4
测试
HTML基础测试
This quiz is designed to check your fundamental understanding of HTML…
30m
5
Lab
Lab(1)：使用Chrome Debugger和实现Responsive List
掌握 Chrome Debugger 介绍 Chrome Debugger : 简要介绍 Chrome Debugger 的功能和它在前端开…
2h
6
图文
关于如何解决Error Messages，几个步骤
应对error message的几个步骤： 1. 详细阅读一下error message，看报错的内容是什么，是否和自己操作的步骤有关，你是…
2h
7
录播
HTML&CSS (Part 2)
CSS概念 定义：CSS(级联样式表)是用来装饰和布局网页的语言。 作用：让网页内容更加美观，为HTML元素设置样式。 Emmet语法 <s…
3h
8
作业
HTML&CSS (Part 2): Assignment 02
作业背景： 卡片式设计（Card UI Design）是现代Web设计中常见的一种模式，广泛用于产品展示、新闻摘要、个人资料等。此次作业，你…
1h
9
直播
CSS基础与产品风格打造：让页面“有感觉”
上一节我们完成了CareerMate AI网页的HTML结构搭建，本节你将正式“点亮”整个页面：加入色彩、排版、组件样式和响应式能力，为页面…
3h
10
录播
CSS & Sass
Card Design作业评议与SVG编辑 回顾与讨论学生提交的card design作业。 如何编辑SVG图像以增强设计效果。 box-s…
3h
11
直播
网页布局与响应式：Flex + Grid 打造专业结构
本节课，你将正式掌握如何用现代 CSS 布局系统（Flexbox + Grid）构建出一个既美观又实用的网页结构。你会手把手完成 Caree…
3h
12
Lab
Lab(2):使用Grid和Flexbox实现卡片布局
CSS Grid 布局基础 构建网格系统 : 创建一个简单的网格布局，定义列和行。 探索 ...
2h
13
Lab
Lab: HTML 语义化 frontend-lab html-semantic
前端 实验：Lab: HTML 语义化。在浏览器内完成实操练习，即时验证结果。
25m
14
Lab
Lab: HTML 表单 frontend-lab html-forms
前端 实验：Lab: HTML 表单。在浏览器内完成实操练习，即时验证结果。
25m
15
Lab
Lab: CSS 盒模型 frontend-lab css-box-model
前端 实验：Lab: CSS 盒模型。在浏览器内完成实操练习，即时验证结果。
25m
16
Lab
Lab: Flexbox 卡片布局 frontend-lab flexbox-cards
前端 实验：Lab: Flexbox 卡片布局。在浏览器内完成实操练习，即时验证结果。
25m
17
Lab
Lab: 响应式设计 frontend-lab responsive
前端 实验：Lab: 响应式设计。在浏览器内完成实操练习，即时验证结果。
25m
18
Quest
Quest: 用 AI + 手写混合模式完成一个 Landing Page AI Tutor 主动引导
AI 小花老师带你先手写 HTML 结构，再用 Cursor 让 AI 补 CSS，体会 AI 辅助 vs 手写的效率差异。
40m
19
录播
JavaScript 入门
JavaScript的奇幻之旅： 跟随时间的轨迹，了解JavaScript如何从一个小小的脚本语言成为Web的重要组成部分。 理解其如何成为…
3h
20
作业
JavaScript Assignment 03
作业目标: 通过这次的作业，你将会练习JavaScript中的基本数据类型、数组、对象、条件语句、循环语句和函数的应用。 作业要求: 数据与…
1h
21
直播
JavaScript交互入门：让网页“动起来
写网页，不只是堆静态内容。本节课我们正式开启前端开发的“灵魂”：JavaScript，让你的CareerMate AI网页从静态页面变成真正…
3h
22
直播
Vibe Coding
Vibe Coding — 录播/延伸阅读内容
2h
23
辅导
Tutorial (html, css, js)
在完成了前几节基础课程之后，你已经动手搭建了 CareerMate AI 的基础页面结构、样式和交互功能。这次 Tutorial 是一个“集…
2h
24
Lab
Lab(3):创建Responsive定价卡片
Lab: 创建响应式定价卡片 设计定价卡片 : 分析上传的定价表格设计。 创建基础的 HT...
2h
25
Lab
Lab: JS 变量 frontend-lab js-variables
前端 实验：Lab: JS 变量。在浏览器内完成实操练习，即时验证结果。
25m
26
Lab
Lab: JS 函数 frontend-lab js-functions
前端 实验：Lab: JS 函数。在浏览器内完成实操练习，即时验证结果。
25m
27
Lab
Lab: JS 数组 frontend-lab js-arrays
前端 实验：Lab: JS 数组。在浏览器内完成实操练习，即时验证结果。
25m
28
Lab
Lab: JS 对象 frontend-lab js-objects
前端 实验：Lab: JS 对象。在浏览器内完成实操练习，即时验证结果。
25m
29
Lab
Lab: JS 异步编程 frontend-lab js-async
前端 实验：Lab: JS 异步编程。在浏览器内完成实操练习，即时验证结果。
25m
30
Lab
Lab: DOM 基础 frontend-lab js-dom-basics
前端 实验：Lab: DOM 基础。在浏览器内完成实操练习，即时验证结果。
25m
31
Lab
Lab: JS 事件处理 frontend-lab js-events
前端 实验：Lab: JS 事件处理。在浏览器内完成实操练习，即时验证结果。
25m
32
图文
延伸阅读：写出第一个 Prompt Learn 已有 vibe-coding/first-prompt
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
33
录播
Git Introduction
探索版本控制的魔法 为什么我们都爱版本控制？ 分布式(Distributed) vs 集中式(Centralized)：Git的独特之处。…
3h
34
作业
Git Introduction Assignment 04
Git 简答作业 Git 练习作业 作业提交： <s...
1h
35
直播
Git 版本管理的第一步：掌握Git并上传你的项目
探索版本控制的魔法 为什么我们都爱版本控制？ 分布式(Distributed) vs 集中式(Centralized)：Git的独特之处。…
3h
36
辅导
Tutorial (Git)
Tutorial (Git) — 录播/延伸阅读内容
2h
37
Lab
Lab(4): Git实践练习
Git 基础 安装 Git : 确保所有学员都安装了 Git。 通过运行 git --version 来验证安装...
2h
38
Lab
Lab(5):构建一个JavaScript天气应用
目标概述 : 介绍实验室的目标：构建一个能够展示选定城市天气的应用。 HTML 布局 : 创建一...
2h
39
直播
GitHub Action + CICD自动部署上线：让你的CareerMate网页全球可见
CICD自动部署上线：让你的CareerMate网页全球可见
3h
40
路线图
Github Page: Static Website Deployment
Github Page: Static Website Deployment — 录播/延伸阅读内容
2h
41
Lab
Lab: Git 修改与撤销 git-lab git-modify-and-undo
Git 实验：Lab: Git 修改与撤销。在浏览器内完成实操练习，即时验证结果。
20m
42
Lab
Lab: Git Stash & Reset git-lab git-stash-and-reset
Git 实验：Lab: Git Stash & Reset。在浏览器内完成实操练习，即时验证结果。
25m
43
图文
延伸阅读：Git Commit 规范 Learn 已有 vibe-coding/git-commit-conventions
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
44
图文
延伸阅读：与 AI 结对编程 Learn 已有 vibe-coding/pair-programming
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
45
Quest
Quest: 用 Cursor 从零构建一个 JS 小项目并部署 AI Tutor 主动引导
AI 小花老师带你完整体验 Vibe Coding 工作流：需求 → Prompt → 生成 → 调试 → 部署。
35m
M4: React Engineering — 现代前端工程实战 59 节 · 5 直播 · 23 录播 · 16 Lab · 1 Quest
ES6 · React 全套 · TypeScript · 12 个 React Lab · 4 个 TS Lab · AI 辅助开发 Quest · 总时长 90h
课程编排 (59 节)
1
录播
探索现代JavaScript —— ES6 (ECMAScript 2015)之魅力
闪回与展望: ES6简介 老师自我介绍 ES6 / ECMAScript 2015：现代前端的基石 ES5与ES6...
3h
2
作业
ES6 Assignment
作业1 . Let, Const 和 Var 任务 : 将以下代码重写为使用 let 和 const 代替 var。解释为什么在每种情况下…
1h
3
录播
ES6进阶技巧与实践
Promises & Async/Await：轻松应对异步挑战！ 深入了解Promises：利用then()精简代码、用catch()处理异…
3h
4
作业
ES6 (Part2) & TypeScript Assignment
Post-Lesson Exercise: Practicing Callbacks, Promises, and Async/Await…
1h
5
Lab
Lab(6):使用Promise和ES6创建进度条
进度条 UI HTML 结构 : 创建进度条的基础 HTML 结构，包括步骤指示和前进/后退按钮。 CSS 样式化 : <span clas…
2h
6
录播
Technical SEO基础知识
1. SEO是什么，SEO是怎么工作的，影响SEO由哪四大要素影响 2. SEO用什么工具查看 3. Technical SEO具体如何进行…
1h
7
图文
Node.js如何安装
To install Node.js, you can follow these general steps. The exact proc…
30m
8
图文
React如何安装
React 安装、配置及创建项目教学文档 1. 环境要求 首先，确保您的开发环境包括以下： Node.js：React 需要 Node.js…
30m
9
录播
React项目快速上手
React 框架的起源与版本演进历程： 介绍 React 框架的起源和发展历程，包括重要版本的发布和主要特性的改进。 快速上手 React：…
1h
10
直播
React起步：从零创建你的第一个前端应用&SOLID
React起步：从零创建你的第一个前端应用&SOLID — 录播/延伸阅读内容
3h
11
录播
React组件基础
组件基础： 用 SASS 与 Bootstrap 构建组件的外观：介绍如何利用 SASS 预处理器和 Bootstrap 框架来快速构建组件…
1h
12
直播
登录界面开发：打造你的第一个可交互前端系统
登录界面开发：打造你的第一个可交互前端系统 — 录播/延伸阅读内容
3h
13
录播
React Router
快速上手 React Router: 探索 React Router，这个强大的库可让你构建单页应用程序的导航系统，快速开始你的路程。 嵌套…
1h
14
直播
注册界面开发：组件切换与复用逻辑
注册界面开发：组件切换与复用逻辑 — 录播/延伸阅读内容
3h
15
录播
React表单处理
非受控表单: 了解非受控表单，它们是表单元素的一种处理方式，适用于简单的表单，但缺乏状态控制和验证。 受控表单: 探索受控表单，这种表单通过…
1h
16
直播
表单验证与用户体验优化
表单验证与用户体验优化 — 录播/延伸阅读内容
3h
17
录播
React服务端交互
典型交互方式： 探讨与服务器通信的经典方式，包括 Ajax、Fetch 和 Axios，并介绍它们各自的用途和优势。 快速上手 Axios：…
1h
18
录播
React Hooks
React Hooks： 介绍 React 内置的 Hooks，如 useState 和 useEffect，并解释它们的作用和用法。 深入…
1h
19
直播
前端生产部署：S3 + CloudFront 静态托管
前端生产部署：S3 + CloudFront 静态托管 — 录播/延伸阅读内容
3h
20
辅导
Tutorial (React)
Tutorial (React) — 录播/延伸阅读内容
2h
21
录播
React基础(1) - 代码质量
代码规范的重要性 课堂实践：写出可读性高的代码 - Income Tax Calculator 写出符合人类思维方式的代码</...
3h
22
录播
React基础(2) - 为什么需要 React
传统开发 vs 组件化开发 React 的核心概念（声明式 UI、组件化、单向数据流） 用 JS 操作 DOM vs 用 Re...
3h
23
录播
开发环境与工具
什么是打包工具？(Webpack) Babel 介绍：JSX 如何转换成 JavaScript？ 什么是脚手架？ <l...
3h
24
录播
React基础(3) - 开发环境与工具
什么是打包工具？(Webpack) Babel 介绍：JSX 如何转换成 JavaScript？ 什么是脚手架？ <l...
3h
25
录播
React基础(4) - 组件 & JSX 语法
JSX 语法规则 React 组件 如何在 JSX 里写 JavaScript？ <li data-list="bul...
3h
26
录播
React基础(5) - 条件渲染 & 列表渲染
if / 三元运算符 ? : / && 渲染组件 数组 .map() 生成组件列表 为什么 key 很重要？<...
3h
27
录播
React基础(6) - 组件的状态
React 组件是如何保存状态的？ useState 的基本用法 事件处理（onClick、onChange） <li...
3h
28
录播
React基础(7) - React 组件生命周期 & 使用 API 获取数据
React 组件的生命周期（挂载、更新、卸载） useEffect 介绍 清理副作用（避免内存泄漏） <li data...
3h
29
录播
React 进阶(1) - Thinking in React
Step 1: Break The UI Into A Component Hierarchy Step 2: Build A Static…
3h
30
录播
React 进阶(2) - 测试和 a11y
测试金字塔 Unit Test vitest <span class="...
3h
31
Lab
Lab(7):使用React和Hooks创建分页应用
项目初始化和组件结构 项目设置 : 创建一个新的 React 应用。 设置项目的文件结构，包括组件和样式文件。<...
2h
32
Lab
Lab(8):使用React和localStorage构建笔记卡片应用
项目初始化和组件结构 项目初始化 : 创建一个新的 React 应用并设置项目结构。 定义笔记卡片组件和笔记输入...
2h
33
Lab
Lab(9):使用React构建收支管理应用
项目初始化和规划 项目设置 : 使用 create-react-app 初始化一个新的 React 应用。 设置...
2h
34
Lab
Lab(11):使用React, Hooks和Redux Toolkit构建图书馆应用
项目初始化和规划 项目设置 : 使用 create-react-app 初始化一个新的 React 应用。 安装...
2h
35
录播
利用AWS部署前端spa项目
利用AWS部署前端spa项目
2h
36
录播
5分钟手动部署Web Application到AWS S3静态网站
前端App部署基础 介绍如何准备前端应用以便于部署。 指导如何选择合适的部署平台和服务。 创建AWS S3 Buck...
1h
37
录播
CI/CD基础:使用Jenkins和AWS CodePipeline手把手部署一个Web App
分享人：Kevin 内容： 1. Jenkins和AWS Codedeploy的区别是什么，有什么优点好处 2. 代码里的Jenkinsfi…
1h
38
录播
课后补充知识：什么是SSR，CSR，SSG
服务器端渲染（SSR） 介绍SSR的工作原理和主要特点。 探索SSR的优势，如更快的首屏加载时间和更好的SEO。 <...
1h
39
图文
MongoDB面试真题: Weather App项目介绍
项目背景： 这个项目的灵感来源于MongoDB的面试题。在现代互联网应用中，与远程API的交互成为了一个关键技能。为了提高你的API交互技巧…
30m
40
Lab
Build Weather App
Build Weather App — 录播/延伸阅读内容
2h
41
Lab
Lab: React JSX 基础 frontend-lab react-jsx-basics
前端 实验：Lab: React JSX 基础。在浏览器内完成实操练习，即时验证结果。
30m
42
Lab
Lab: React 组件 frontend-lab react-components
前端 实验：Lab: React 组件。在浏览器内完成实操练习，即时验证结果。
30m
43
Lab
Lab: React useState frontend-lab react-useState
前端 实验：Lab: React useState。在浏览器内完成实操练习，即时验证结果。
30m
44
Lab
Lab: React 事件处理 frontend-lab react-events
前端 实验：Lab: React 事件处理。在浏览器内完成实操练习，即时验证结果。
30m
45
Lab
Lab: React 条件渲染 frontend-lab react-conditional-render
前端 实验：Lab: React 条件渲染。在浏览器内完成实操练习，即时验证结果。
30m
46
Lab
Lab: React 列表与 Key frontend-lab react-lists-keys
前端 实验：Lab: React 列表与 Key。在浏览器内完成实操练习，即时验证结果。
30m
47
Lab
Lab: React useEffect frontend-lab react-useEffect
前端 实验：Lab: React useEffect。在浏览器内完成实操练习，即时验证结果。
30m
48
Lab
Lab: React 表单 frontend-lab react-forms
前端 实验：Lab: React 表单。在浏览器内完成实操练习，即时验证结果。
30m
49
Lab
Lab: React 状态提升 frontend-lab react-lifting-state
前端 实验：Lab: React 状态提升。在浏览器内完成实操练习，即时验证结果。
30m
50
Lab
Lab: React useContext frontend-lab react-useContext
前端 实验：Lab: React useContext。在浏览器内完成实操练习，即时验证结果。
30m
51
Lab
Lab: React 自定义 Hooks frontend-lab react-custom-hooks
前端 实验：Lab: React 自定义 Hooks。在浏览器内完成实操练习，即时验证结果。
30m
52
Lab
Lab: React 综合项目 frontend-lab react-mini-project
前端 实验：Lab: React 综合项目。在浏览器内完成实操练习，即时验证结果。
30m
53
Lab
Lab: TypeScript 基础类型 frontend-lab ts-basic-types
前端 实验：Lab: TypeScript 基础类型。在浏览器内完成实操练习，即时验证结果。
30m
54
Lab
Lab: TypeScript 接口 frontend-lab ts-interfaces
前端 实验：Lab: TypeScript 接口。在浏览器内完成实操练习，即时验证结果。
30m
55
Lab
Lab: TypeScript 泛型 frontend-lab ts-generics
前端 实验：Lab: TypeScript 泛型。在浏览器内完成实操练习，即时验证结果。
30m
56
Lab
Lab: TypeScript 高级类型 frontend-lab ts-remaining
前端 实验：Lab: TypeScript 高级类型。在浏览器内完成实操练习，即时验证结果。
30m
57
图文
延伸阅读：多文件协作与项目级修改 Learn 已有 vibe-coding/multi-file
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
58
图文
延伸阅读：交付一个小功能的全流程 Learn 已有 vibe-coding/ship-a-feature
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
59
Quest
Quest: 用 AI 辅助开发一个 React Dashboard AI Tutor 主动引导
AI 小花老师带你用 Cursor/Claude Code 生成 React 组件，然后手动优化和部署。
45m
M5: Backend Architecture — Node.js 服务端开发 35 节 · 4 直播 · 11 录播 · 14 Lab · 1 Quest
Express · MongoDB · CRUD · Python 基础 · AWS Lab · Claude Code API 生成 · 总时长 57h
课程编排 (35 节)
1
录播
Node.js (1): 引领现代后端的黑马
Node.js与JavaScript的闪耀时刻 为什么JavaScript不仅仅是浏览器的语言？ 从浏览器到后端：Node.js的崛起与它的…
3h
2
录播
Node.js (2) : API和RESTful API
深入理解URL 结构 URL的组成部分与意义。 默认端口 query param<...
3h
3
录播
Node.js (3) : NPM and Express.js
NPM与Node.js的关系 什么是 NPM ？为什么每个Node.js开发者都应该了解它？ 如何选择一个可靠的npmpackage <sp…
3h
4
直播
初识后端世界：Express 与 RESTful API 概念
初识后端世界：Express 与 RESTful API 概念 — 录播/延伸阅读内容
3h
5
录播
Express和RESTful API实践
Hands-on Practice实践 ： 构建一个简单的Express项目， 实现Restful API路由 <span class="q…
3h
6
录播
Node.js (4) : Build express server with industry standard
express项目的文件结构 如何把不同文件、模块按职责划分 不同项目如何扩展现有的结构 日志 <span class...
3h
7
录播
Node.js (5): MongoDB
初探MongoDB MongoDB 的简介：为何它与Node.js成为绝配？ 数据模型：文档型数据库与传统关系型数据库的对比。 <span…
3h
8
直播
连接数据库：让CareerMate的数据真正存起来
连接数据库：让CareerMate的数据真正存起来 — 录播/延伸阅读内容
3h
9
录播
Node.js (6) : Mongoose & Authorization and Authentication
身份验证与授权的必要性 为什么我们需要身份验证？ 区分身份验证（Authentication）和授权（Authorization）。 本地身…
3h
10
直播
注册API开发：从前端输入到数据库存储,登录API开发：实现可验证的用户身份系统
注册API开发：从前端输入到数据库存储,登录API开发：实现可验证的用户身份系统 — 录播/延伸阅读内容
3h
11
Lab
Lab(10):使用Node.js和Express构建天气查询后端服务器
项目设置和 Express 基础 初始化项目 : 使用 npm init 创建一个新的 Node.js 项目。 ...
2h
12
录播
Working with API
一些网站的拥有者使用API，也就是应用程序编程接口，以便于数据提取。API充当了客户端（如你的计算机）与服务器之间的桥梁，使它们能够进行通信…
1h
13
直播
用户认证与权限保护：安全地管理用户状态
用户认证与权限保护：安全地管理用户状态 — 录播/延伸阅读内容
3h
14
辅导
Tutorial (Node)
Tutorial (Node) — 录播/延伸阅读内容
2h
15
Lab
Lab(12):使用React和Express构建图像上传应用
项目设置和规划 项目初始化 : 使用 create-react-app 初始化一个新的 React 应用。 创建...
2h
16
录播
Node.js (7): Build a CRUD server (1)
数据的验证 Mongoose中的数据验证。 专门用于数据验证的package - joi。 错误处理 <span cl...
3h
17
录播
Node.js (8): Build a CRUD server (2)
项目搭建 从主要资源出发，搭建单一资源的CRUD endpoint 数据的分页和实现基于查询参数的数据过滤 <span class="ql-…
3h
18
录播
Node.js (9): Build a CRUD server (3)
完成项目 完成项目主体功能 讲解单边绑定 性能优化话题讨论 <li da...
3h
19
Lab
Lab: Python Hello World python-lab python-hello
Python 实验：Lab: Python Hello World。在浏览器内完成实操练习，即时验证结果。
25m
20
Lab
Lab: Python 变量 python-lab python-variables
Python 实验：Lab: Python 变量。在浏览器内完成实操练习，即时验证结果。
25m
21
Lab
Lab: Python 函数 python-lab python-functions
Python 实验：Lab: Python 函数。在浏览器内完成实操练习，即时验证结果。
25m
22
Lab
Lab: Python API 基础 python-lab python-api-basics
Python 实验：Lab: Python API 基础。在浏览器内完成实操练习，即时验证结果。
25m
23
Lab
Lab: Python JSON python-lab python-json
Python 实验：Lab: Python JSON。在浏览器内完成实操练习，即时验证结果。
25m
24
Lab
Lab: Python 列表 python-lab python-lists
Python 实验：Lab: Python 列表。在浏览器内完成实操练习，即时验证结果。
25m
25
Lab
Lab: Python 字典 python-lab python-dictionaries
Python 实验：Lab: Python 字典。在浏览器内完成实操练习，即时验证结果。
25m
26
Lab
Lab: Python 错误处理 python-lab python-error-handling
Python 实验：Lab: Python 错误处理。在浏览器内完成实操练习，即时验证结果。
25m
27
Lab
Lab: Python OpenAI API python-lab python-openai-api
Python 实验：Lab: Python OpenAI API。在浏览器内完成实操练习，即时验证结果。
30m
28
图文
延伸阅读：AI 辅助 Debug Learn 已有 vibe-coding/debug-with-ai
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
29
图文
延伸阅读：API 全栈开发 Learn 已有 vibe-coding/api-fullstack
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
30
Lab
Lab: AWS EC2 基础 aws-lab ec2-basics
AWS 实验：Lab: AWS EC2 基础。在浏览器内完成实操练习，即时验证结果。
30m
31
Lab
Lab: AWS IAM 基础 aws-lab iam-basics
AWS 实验：Lab: AWS IAM 基础。在浏览器内完成实操练习，即时验证结果。
30m
32
Lab
Lab: AWS S3 存储 aws-lab s3-storage
AWS 实验：Lab: AWS S3 存储。在浏览器内完成实操练习，即时验证结果。
30m
33
Lab
Lab: AWS Secrets Manager aws-lab secrets-manager
AWS 实验：Lab: AWS Secrets Manager。在浏览器内完成实操练习，即时验证结果。
30m
34
Lab
Lab: AWS Lambda Serverless aws-lab lambda-serverless
AWS 实验：Lab: AWS Lambda Serverless。在浏览器内完成实操练习，即时验证结果。
30m
35
Quest
Quest: 用 Claude Code 生成一套 RESTful API AI Tutor 主动引导
AI 小花老师带你给 Claude Code 一份 PRD，生成完整 Express API，然后手动 Review 和测试。
40m
M6: Full-Stack Delivery — 全栈整合与云端部署 25 节 · 11 直播 · 3 录播 · 3 Lab · 1 Quest
前后端联调 · P3 项目 · Dashboard · AWS 部署 · CI/CD · Docker · 总时长 52h
课程编排 (25 节)
1
直播
页面路由和 React Context
页面路由和 React Context — 录播/延伸阅读内容
3h
2
直播
用户注册和登陆，调用后端 API 并保存状态
用户注册和登陆，调用后端 API 并保存状态 — 录播/延伸阅读内容
3h
3
直播
CI/CD, 静态代码检查和单元测试
CI/CD, 静态代码检查和单元测试 — 录播/延伸阅读内容
3h
4
图文
P3职业孵化器介绍
项目背景 在现实世界中，创业公司通常需要快速开发产品并应对市场的变化。这个项目将模拟一个创业公司的实际情景，让你和你的团队合作，创建一个创新…
2h
5
直播
P3职业孵化器 Bootstrap
Project 3：创造、展示、协作的新篇章 课程概述 欢迎踏入新的阶段，一个专注于实践、创新和团队协作的全新教育体验！在这里，你不仅学习技…
2h
6
直播
用户Dashboard设计与信息展示
用户Dashboard设计与信息展示 — 录播/延伸阅读内容
3h
7
直播
用户信息编辑与更新API
用户信息编辑与更新API — 录播/延伸阅读内容
3h
8
图文
Docker Introduction
Docker 视频学习： https://youtu.be/gAkwW2tuIqE
30m
9
录播
AWS基础
老师：Michel Su 公司：Atlassian 职位：SRE 内容： 1. AWS的基础知识，已经AWS是什么，为什么使用Cloud云计…
1h
10
直播
AWS入门：从本地到云端的后端部署
AWS入门：从本地到云端的后端部署 — 录播/延伸阅读内容
3h
11
Workshop
Workshop: AWS IAM的基本用法和高级使用
Workshop 分享人： Henry 内容： AWS IAM 创建账户 IAM 的 policy 如何设置 </s...
2h
12
直播
全栈项目云端整合与测试
全栈项目云端整合与测试 — 录播/延伸阅读内容
3h
13
Workshop
AWS Lambda基础知识
分享人：Shaun 内容： 1. Serverles 基础概念 2. Faas 基础概念 Function-as-a-Service 概念…
2h
14
辅导
Tutorial (React & Node)
Tutorial (React & Node) — 录播/延伸阅读内容
2h
15
直播
用户 Dashboard 页面开发: React 哲学训练
用户 Dashboard 页面开发: React 哲学训练 — 录播/延伸阅读内容
3h
16
直播
用户 Dashboard 页面开发: useEffect 获取 API 数据
用户 Dashboard 页面开发: useEffect 获取 API 数据 — 录播/延伸阅读内容
3h
17
辅导
Tutorial (React & Node)
Tutorial (React & Node) — 录播/延伸阅读内容
2h
18
直播
前端产品上线，控制环境变量
前端产品上线，控制环境变量 — 录播/延伸阅读内容
3h
19
录播
Next.js
Next.js
3h
20
录播
Node.js (10) : Testing and Deploy
不同类型的测试 unit test integration test e2e t...
3h
21
Lab
Lab: AWS CloudWatch 监控 aws-lab cloudwatch-monitoring
AWS 实验：Lab: AWS CloudWatch 监控。在浏览器内完成实操练习，即时验证结果。
30m
22
Lab
Lab: Serverless API aws-lab serverless-api
AWS 实验：Lab: Serverless API。在浏览器内完成实操练习，即时验证结果。
30m
23
Lab
Lab: AWS CloudFront CDN aws-lab cloudfront-cdn
AWS 实验：Lab: AWS CloudFront CDN。在浏览器内完成实操练习，即时验证结果。
30m
24
图文
延伸阅读：部署策略 Learn 已有 vibe-coding/deployment
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
25
Quest
Quest: 把你的全栈项目部署到 AWS 并跑通 CI/CD AI Tutor 主动引导
AI 小花老师带你把前端部署到 S3 + CloudFront，后端部署到 EC2/Lambda，并配置 GitHub Actions CI…
45m
M7: AI Foundations — Prompt & Context Engineering 26 节 · 0 直播 · 1 录播 · 15 Lab · 1 Quest
Prompt Engineering · Context Engineering · 15 个 Prompt Lab · CLAUDE.md/Cursor Rules 实操 · 总时长 13h
课程编排 (26 节)
1
图文
AI 模型对比参考
AI 模型对比参考 — 录播/延伸阅读内容
2h
2
录播
The Four Prototyping Patterns: Prompting, Fine-Tuning, RAG, Agents
The Four Prototyping Patterns: Prompting, Fine-Tuning, RAG, Agents BY…
1h
3
Lab
Lab: Hello AI prompt-lab hello-ai
Prompt 实验：Lab: Hello AI。在浏览器内完成实操练习，即时验证结果。
25m
4
Lab
Lab: AI 基础概念 prompt-lab ai-basics
Prompt 实验：Lab: AI 基础概念。在浏览器内完成实操练习，即时验证结果。
25m
5
Lab
Lab: Zero-shot 零示例 prompt-lab zero-shot
Prompt 实验：Lab: Zero-shot 零示例。在浏览器内完成实操练习，即时验证结果。
25m
6
Lab
Lab: Few-shot 示例学习 prompt-lab few-shot
Prompt 实验：Lab: Few-shot 示例学习。在浏览器内完成实操练习，即时验证结果。
25m
7
Lab
Lab: Chain of Thought 推理 prompt-lab chain-of-thought
Prompt 实验：Lab: Chain of Thought 推理。在浏览器内完成实操练习，即时验证结果。
25m
8
Lab
Lab: 输出格式控制 prompt-lab output-format
Prompt 实验：Lab: 输出格式控制。在浏览器内完成实操练习，即时验证结果。
25m
9
Lab
Lab: JSON Schema 结构化输出 prompt-lab json-schema
Prompt 实验：Lab: JSON Schema 结构化输出。在浏览器内完成实操练习，即时验证结果。
25m
10
Lab
Lab: System Prompt 设计 prompt-lab system-prompt-design
Prompt 实验：Lab: System Prompt 设计。在浏览器内完成实操练习，即时验证结果。
25m
11
Lab
Lab: Context Engineering prompt-lab context-engineering
Prompt 实验：Lab: Context Engineering。在浏览器内完成实操练习，即时验证结果。
25m
12
Lab
Lab: 上下文管理 prompt-lab context-management
Prompt 实验：Lab: 上下文管理。在浏览器内完成实操练习，即时验证结果。
25m
13
Lab
Lab: Prompt 链式调用 prompt-lab prompt-chaining
Prompt 实验：Lab: Prompt 链式调用。在浏览器内完成实操练习，即时验证结果。
25m
14
Lab
Lab: Prompt 评估 prompt-lab prompt-evaluation
Prompt 实验：Lab: Prompt 评估。在浏览器内完成实操练习，即时验证结果。
25m
15
Lab
Lab: 代码生成 prompt-lab code-generation
Prompt 实验：Lab: 代码生成。在浏览器内完成实操练习，即时验证结果。
25m
16
图文
延伸阅读：Prompt Engineering 基础 Learn 已有 prompt-master/basics
阅读 prompt-master 方向的学习章节，掌握核心概念。
30m
17
图文
延伸阅读：Context Engineering 基础 Learn 已有 ai-engineer/context-fundamentals
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
18
图文
延伸阅读：Context 压缩与优化 Learn 已有 ai-engineer/context-compression-optimization
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
19
图文
延伸阅读：Context 退化模式 Learn 已有 ai-engineer/context-degradation-patterns
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
20
图文
延伸阅读：Cursor Rules 设计 Learn 已有 vibe-coding/cursor-rules
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
21
图文
延伸阅读：CLAUDE.md 设计 Learn 已有 vibe-coding/vibe-claude-md-design
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
22
图文
延伸阅读：Token 经济学 Learn 已有 vibe-coding/vibe-token-economics
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
23
图文
延伸阅读：Vibe Coding SOP Learn 已有 vibe-coding/vibe-coding-sop
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
24
Lab
Lab: Self-Consistency 一致性 prompt-lab self-consistency
Prompt 实验：Lab: Self-Consistency 一致性。在浏览器内完成实操练习，即时验证结果。
25m
25
Lab
Lab: 成本优化 prompt-lab cost-optimization
Prompt 实验：Lab: 成本优化。在浏览器内完成实操练习，即时验证结果。
25m
26
Quest
Quest: 为你的项目写一套 Context Engineering 配置 AI Tutor 主动引导
AI 小花老师带你给全栈项目写 CLAUDE.md 和 .cursorrules，并对比有无 Context 的 AI 输出差异。
35m
M8: AI Application Dev — RAG + Agent + MCP 实战 29 节 · 4 直播 · 7 录播 · 9 Lab · 2 Quest
OpenAI API · RAG Pipeline · Agent 工具调用 · MCP Server · Azure AI · 总时长 34h
课程编排 (29 节)
1
直播
AI模块导入与OpenAI API初体验 & Prompt Engineering：让AI更懂你
AI模块导入与OpenAI API初体验 & Prompt Engineering：让AI更懂你 — 录播/延伸阅读内容
3h
2
直播
前端聊天UI设计与Streaming显示
前端聊天UI设计与Streaming显示 — 录播/延伸阅读内容
3h
3
直播
引入记忆与上下文：打造有思考的AI
引入记忆与上下文：打造有思考的AI — 录播/延伸阅读内容
3h
4
录播
Introduction to Embeddings
学习目标 - 掌握Embeddings的基本概念及其在自然语言处理、信息检索等领域的应用 - 学习如何生成和使用文本嵌入向量表示语义关系 -…
30m
5
录播
Introduction to Retrieval Augmented Generation (RAG)
学习目标 - 掌握Retrieval Augmented Generation (RAG)的基本概念，理解其在生成式AI中的作用 - 学习如…
30m
6
录播
Open AI Huggingface讲解 - Guang
OpenAI概览 介绍OpenAI的发展历程、愿景和主要成果。 提示词工程与高级使用 探讨如何精准地使用提示词来提高模型的效果。 分析高级应…
1h
7
直播
Vector Database与RAG检索增强
Vector Database与RAG检索增强 — 录播/延伸阅读内容
3h
8
录播
Tutorial (Azure AI Preparation)
课程内容： 注册Azure账号，开通Speech Service，开通OpenAI API 具体任务： 学员在导师指导下注册Azure账号，…
2h
9
录播
Azure AI Service和TTS
前置条件 微软云Azure AI Service 提前注册 课程内容 Icebreaking，导师自我介绍，学员自我介绍 AI 简介 <li…
3h
10
录播
Integrate Azure AI Service and Streaming
前置条件 完成课程Azure AI Service和TTS 课程内容 Warmup，回顾上一节的练习和下一步练习 回顾后端获取短期to...
3h
11
录播
Integrate Azure AI and OpenAI
前置条件 完成课程 Integrate Azure AI Service and Streaming 已注册ChatGPT/Open AI并…
3h
12
Lab
Lab: RAG 基础 prompt-lab rag-basics
Prompt 实验：Lab: RAG 基础。在浏览器内完成实操练习，即时验证结果。
30m
13
Lab
Lab: RAG Feature Pipeline prompt-lab rag-feature-pipeline
Prompt 实验：Lab: RAG Feature Pipeline。在浏览器内完成实操练习，即时验证结果。
30m
14
Lab
Lab: RAG Inference Pipeline prompt-lab rag-inference-pipeline
Prompt 实验：Lab: RAG Inference Pipeline。在浏览器内完成实操练习，即时验证结果。
30m
15
Lab
Lab: LLM 工具链 prompt-lab llm-tooling
Prompt 实验：Lab: LLM 工具链。在浏览器内完成实操练习，即时验证结果。
30m
16
Lab
Lab: QA 系统设计 prompt-lab qa-system-design
Prompt 实验：Lab: QA 系统设计。在浏览器内完成实操练习，即时验证结果。
30m
17
图文
延伸阅读：RAG 系统入门 Learn 已有 ai-engineer/rag-basics
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
18
图文
延伸阅读：LangChain 框架 Learn 已有 ai-engineer/langchain-framework
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
19
Quest
Quest: 给你的全栈项目加一个 RAG 知识库 AI Tutor 主动引导
AI 小花老师带你用 LangChain + OpenAI 给项目加文档问答功能：PDF → 向量化 → 检索 → 回答。
45m
20
Lab
Lab: ReAct Agent prompt-lab react-agent
Prompt 实验：Lab: ReAct Agent。在浏览器内完成实操练习，即时验证结果。
30m
21
Lab
Lab: Tool Use 工具调用 prompt-lab tool-use
Prompt 实验：Lab: Tool Use 工具调用。在浏览器内完成实操练习，即时验证结果。
30m
22
Lab
Lab: AI Agent 设计模式 prompt-lab ai-agent-patterns
Prompt 实验：Lab: AI Agent 设计模式。在浏览器内完成实操练习，即时验证结果。
30m
23
Lab
Lab: 多 Agent 系统 prompt-lab multi-agent
Prompt 实验：Lab: 多 Agent 系统。在浏览器内完成实操练习，即时验证结果。
30m
24
图文
延伸阅读：AI Agent 概述 Learn 已有 ai-engineer/ai-agent
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
25
图文
延伸阅读：Function Calling & Tool Use Learn 已有 ai-engineer/function-calling-tool-use
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
26
图文
延伸阅读：Agent 框架对比 Learn 已有 ai-engineer/agent-frameworks-compare
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
27
图文
延伸阅读：MCP 最佳实践 Learn 已有 ai-engineer/mcp-best-practices
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
28
图文
延伸阅读：MCP 集成 Learn 已有 vibe-coding/mcp-setup
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
29
Quest
Quest: 构建你的第一个 MCP Server AI Tutor 主动引导
AI 小花老师带你用 Claude Code 构建一个连接本地数据的 MCP Server，扩展 AI 工具能力。
40m
M9: Production AI — 产品化、评估与安全 13 节 · 4 直播 · 1 录播 · 4 Lab · 1 Quest
生产部署 · CI/CD · Prompt 注入防御 · 幻觉检测 · LLM 评估 · AI 安全 · 总时长 14h
课程编排 (13 节)
1
直播
从项目到产品：生产思维与上线规划
从项目到产品：生产思维与上线规划 — 录播/延伸阅读内容
2h
2
录播
Workshop: 持续集成(CI)/持续部署(CD)的概念以及Jenkins的使用
分享人：Roger 内容： 持续集成(CI)/持续部署(CD)的概念 Jenkins 如何一步一步部署上的 </sp...
1h
3
直播
安全与稳定性：保护你的AI服务
安全与稳定性：保护你的AI服务 — 录播/延伸阅读内容
2h30m
4
直播
性能与体验：优化AI响应速度
性能与体验：优化AI响应速度 — 录播/延伸阅读内容
2h30m
5
直播
项目回顾与上线验收
项目回顾与上线验收 — 录播/延伸阅读内容
2h
6
Lab
Lab: Prompt 注入防御 prompt-lab prompt-injection-defense
Prompt 实验：Lab: Prompt 注入防御。在浏览器内完成实操练习，即时验证结果。
30m
7
Lab
Lab: 幻觉检测与防护 prompt-lab hallucination-defense
Prompt 实验：Lab: 幻觉检测与防护。在浏览器内完成实操练习，即时验证结果。
30m
8
Lab
Lab: LLM 评估 llm-lab llm-evaluation
LLM 实验：Lab: LLM 评估。在浏览器内完成实操练习，即时验证结果。
30m
9
Lab
Lab: MLOps/LLMOps llm-lab mlops-llmops
LLM 实验：Lab: MLOps/LLMOps。在浏览器内完成实操练习，即时验证结果。
30m
10
图文
延伸阅读：Eval 质量监控 Learn 已有 ai-engineer/eval-quality-monitoring
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
11
图文
延伸阅读：安全威胁建模 Learn 已有 ai-engineer/security-threat-modeling
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
12
图文
延伸阅读：部署与成本优化 Learn 已有 ai-engineer/deployment-cost-optimization
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
13
Quest
Quest: 给你的 AI 应用做一次安全评估 AI Tutor 主动引导
AI 小花老师带你对自己的 AI 应用做 Prompt 注入测试、幻觉检测和输出质量评估。
35m
M10: Career Accelerator — 求职冲刺与职业加速 26 节 · 0 直播 · 20 录播 · 0 Lab · 1 Quest
技术分享 · Career Coaching · AI 岗位方向 · 简历优化 Quest · 总时长 26h
课程编排 (26 节)
1
Workshop
Student Showcase: Stripe Integration in Practice
Student Showcase: Stripe Integration in Practice
2h
2
Workshop
Workshop：如何利用mediasoup实现多人视频会议
Workshop：如何利用mediasoup实现多人视频会议
2h
3
录播
手把手带你打造高质量IT人的LinkedIn主页
手把手带你打造高质量IT人的LinkedIn主页
1h
4
录播
GraphQL101: 剥离RESTful的银行系统开发实践—Gary Sun
分享人：Gary 内容： RESTFul与GraphQL对比 探讨两种API设计范式的优缺点。 分析何时使用RESTFul，何时更适合选择G…
1h
5
录播
SpringBoot的Production部署到AWS ECS Fargate，如何使用Microservice with docker
分享人: Xiaokai & Yinhang 内容： Springboot 的 Docker 部署到 AWS ECS AWS ECS 如何进…
1h
6
录播
用Kafka实践Event First设计思维—虎头锤
分享人: 虎头锤 内容: Kafka简介 介绍Kafka的功能和在现代数据处理中的重要性。 讨论Kafka的主要组件，包括生产者、消费者、主…
1h
7
录播
LinkedIn & CV
1. 校招和社招的要求，entry level vs junior level vs mid level 2. 职场规划，沟通能力的重要性，…
1h
8
录播
招聘官挑选简历的标准
招聘官在挑选简历时通常会根据以下几个标准进行筛选： 符合职位要求 ：首先会检查应聘者的教育背景、工作经验、技能和资格是否符合岗位的具体要求。…
1h
9
录播
如何撰写 IT 专业简历
清晰的格式和布局 ：使用易于阅读的字体和清晰的布局。保持简历的长度适中，通常不超过两页。 个人信息和联系方式 ：包括你的姓名、职业头衔（如软…
1h
10
录播
简历常见问题
"简历制作艺术：重点、加减分项及编写原则" 简历的重点内容 ：指导您如何突出简历中的重点内容，包括职业经历、技能、成就和教育背景，确保雇主能…
1h
11
录播
如何利用 ChatGPT 写简历
"利用 ChatGPT 提升简历撰写技巧：指南与实践" ChatGPT 基本使用方法 ：本节课将介绍 ChatGPT 的基础功能和操作方法，…
1h
12
录播
手把手带着运营 LinkedIn
"LinkedIn 职业建设：完善个人资料与网络拓展" 维护完整、专业的 LinkedIn 个人资料 ：指导您如何创建和维护一个展现您职业经…
1h
13
录播
如何利用 LinkedIn 准备面试
"求职成功攻略：职位描述解析、面试准备与公司研究" 这个课程旨在全面指导您如何在求职过程中取得成功。本课程将包括： 职位描述深度解析 ：教您…
1h
14
录播
如何准备澳洲大厂开发类岗位面试
老师：Xuecong，就职于悉尼 AWS，SDE 内容： 1. 澳洲大厂开发类岗位面试常见流程 2. 如何‘管理'整个面试流程 3. 如何准…
1h
15
录播
求职国内秋招大厂前端开发岗，需要做哪些准备
分享人：Kevin 内容： 国内大厂前端岗位如何细分？ 获得前端岗位 Offer 所需的几大要素 如何准备面试中的八股文、算法等硬核考点？…
1h
16
录播
如何准备国内秋招，才能获得大厂Offer?
分享人：Chen 内容： 秋招时间规划 解析秋招的主要时间节点，帮助你合理安排准备时间。 讨论如何在学习、实习和求职之间平衡。 准备秋招的步…
1h
17
录播
澳洲程序员找工作必备哪些后端知识
分享人: 老虎 内容: 澳洲后端开发者必备知识 分析澳洲后端开发职位的常见要求和技能需求。 探讨关键的编程语言（如Java、Python、N…
1h
18
录播
在澳洲，IT学生如何准备System Design面试-----Ben
分享人：Ben 内容： 系统设计面试的基本功 概念理解 ：讲解系统设计面试中经常涉及的关键概念，如可扩展性、可靠性、效率等。 技能要点 ：强…
1h
19
录播
从0到1打造React/Node 全栈IoT实时应用——Bryan
主讲人：Bryan 内容 ： IoT概览 介绍IoT的定义、发展历程和关键技术。 分析IoT在不同行业中的应用案例。 IoT架构与最佳实践…
1h
20
录播
Google大佬教你，如何突破年薪20w澳币天花板 -- 韭天
分享人: 韭天 内容: 薪资的组成 深入了解薪资的不同组成部分，包括基本工资、奖金、福利等。 提升薪资的方法 探讨如何通过技能提升、职位晋升…
1h
21
录播
Elastic Search基础知识分享Workshop
分享人：Kevin 内容： Logging Saas 服务商横向比较：Elastic Search，Splunk，Sumo Logic，Da…
1h
22
录播
在澳洲如何找到一份Java Developer的工作 -- 虎头锤
分享人：虎头锤 内容: 澳洲Java工作市场分析 探索澳洲Java开发岗位的市场需求和主要工作要求。 分析技术技能和行业经验在职场中的重要性…
1h
23
图文
延伸阅读：AI Coding Workflow Learn 已有 ai-engineer/ai-coding-workflow
阅读 ai-engineer 方向的学习章节，掌握核心概念。
30m
24
图文
延伸阅读：Claude Code 完整指南 Learn 已有 vibe-coding/claude-code-full-guide
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
25
图文
延伸阅读：Claude Code Skills Learn 已有 vibe-coding/claude-code-skills
阅读 vibe-coding 方向的学习章节，掌握核心概念。
30m
26
Quest
Quest: 用 AI 优化你的简历和 LinkedIn AI Tutor 主动引导
AI 小花老师带你用 AI 分析现有简历，针对 AI Engineer 岗位优化，并生成 LinkedIn About 文案。
30m
🤖 12 个 Quest — AI 小花老师带你做真事
每个 Quest 都在**真实环境**完成——你自己的电脑、终端、浏览器,AI 主动引导你一步步做,做完才推下一步。
M1 · 30m · beginner
在你电脑上配置完整 AI 开发环境
学习目标: 学员能在自己电脑上独立配置好 Node.js 20+、Git、VS Code/Cursor、Claude Code，并验证所有工具可用
AI 引导步骤:
  1. 安装 Node.js 20+
  2. 安装 Git
  3. 安装 Cursor 编辑器
  4. 安装 Claude Code
  5. 用 Claude Code 生成你的第一段代码
M2 · 25m · beginner
用 AI 创建你的第一个 Sprint Board
学习目标: 学员能在 GitHub Projects 中创建 Sprint Board，用 AI 生成至少 5 个 User Stories
AI 引导步骤:
  1. 创建 GitHub 仓库
  2. 开启 GitHub Projects
  3. 用 AI 生成 5 个 User Stories
  4. 创建 Sprint 并分配 Stories
  5. 总结你的 Sprint 计划
M3 · 40m · beginner
用 AI + 手写混合模式完成一个 Landing Page
学习目标: 学员能用 HTML/CSS 手写网页结构，并用 AI 工具加速样式开发，最终上线一个 Landing Page
AI 引导步骤:
  1. 手写 HTML 结构
  2. 用 Cursor AI 生成 CSS
  3. 手动调整细节
  4. 部署到 GitHub Pages
  5. 总结 AI 辅助 vs 手写的效率差异
M3 · 35m · beginner
用 Cursor 从零构建一个 JS 小项目并部署
学习目标: 学员能用 Cursor 从需求出发生成一个完整的 JavaScript 小项目，并部署到 GitHub Pages
AI 引导步骤:
  1. 写需求 Prompt
  2. 用 Cursor 生成项目代码
  3. 理解并调试 AI 生成的代码
  4. Git push 到 GitHub
  5. 部署到 GitHub Pages
M4 · 45m · intermediate
用 AI 辅助开发一个 React Dashboard
学习目标: 学员能用 AI 工具快速生成 React 组件，理解 AI 代码并手动优化，完成一个可运行的 Dashboard
AI 引导步骤:
  1. 写 Dashboard 需求 Prompt
  2. AI 生成 React 组件
  3. 手动优化样式和数据
  4. 运行并截图
  5. 对比 AI 生成 vs 手动修改的部分
M5 · 40m · intermediate
用 Claude Code 生成一套 RESTful API
学习目标: 学员能用 AI 工具从 PRD 生成 Express RESTful API，并能 review AI 代码、用 Postman 测试
AI 引导步骤:
  1. 写一份简短 PRD
  2. 用 Claude Code 生成 API
  3. Review AI 生成的代码
  4. 启动服务器并测试
  5. 总结 AI 生成 vs 手写的区别
M6 · 45m · intermediate
把你的全栈项目部署到 AWS 并跑通 CI/CD
学习目标: 学员能独立把全栈项目部署到 AWS，并配置 CI/CD 自动部署
AI 引导步骤:
  1. 前端构建并上传到 S3
  2. 配置 CloudFront CDN
  3. 后端部署到 EC2 或 Lambda
  4. 配置 GitHub Actions CI/CD
  5. 验证线上访问
M7 · 35m · intermediate
为你的项目写一套 Context Engineering 配置
学习目标: 学员能为项目编写 CLAUDE.md 和 .cursorrules，理解 Context Engineering 对 AI 输出质量的影响
AI 引导步骤:
  1. 分析你的项目结构
  2. 编写 CLAUDE.md
  3. 编写 .cursorrules
  4. A/B 对比测试
  5. 总结 Context Engineering 的价值
M8 · 45m · intermediate
给你的全栈项目加一个 RAG 知识库
学习目标: 学员能给全栈项目集成一个 RAG 知识库，实现文档上传和智能问答
AI 引导步骤:
  1. 准备文档并 chunking
  2. 向量化并存储
  3. 实现检索 + 回答接口
  4. 前端问答 UI
  5. 测试 5 个问题
M8 · 40m · intermediate
构建你的第一个 MCP Server
学习目标: 学员能构建一个 MCP Server 并在 Claude Code 中使用，理解 AI 工具扩展的原理
AI 引导步骤:
  1. 初始化 MCP Server 项目
  2. 实现 Tool 定义
  3. 连接本地数据
  4. 在 Claude Code 中配置并测试
  5. 总结 MCP 的价值
M9 · 35m · intermediate
给你的 AI 应用做一次安全评估
学习目标: 学员能对 AI 应用进行基础安全评估，识别 Prompt 注入和幻觉问题
AI 引导步骤:
  1. Prompt 注入测试 (5 种攻击)
  2. 幻觉检测测试
  3. 输出质量评估
  4. 写安全评估报告
  5. 制定改进计划
M10 · 30m · beginner
用 AI 优化你的简历和 LinkedIn
学习目标: 学员能用 AI 优化简历和 LinkedIn Profile，使其匹配 AI Engineer / Full-Stack Developer 岗位
AI 引导步骤:
  1. 贴出现有简历
  2. AI 分析简历优劣势
  3. 针对 AI Engineer 岗位优化
  4. 生成 LinkedIn About 文案
  5. 总结求职策略
🔬 80 个互动 Lab — 平台资源映射
每个 Lab 的 slug 对应 jr-academy-web-zh/src/config/labs/ 下的配置文件,在浏览器内完成实操练习。
Frontend Lab28 个
html-semantichtml-formscss-box-modelflexbox-cardsresponsivejs-variablesjs-functionsjs-arraysjs-objectsjs-asyncjs-dom-basicsjs-eventsreact-jsx-basicsreact-componentsreact-useStatereact-eventsreact-conditional-renderreact-lists-keysreact-useEffectreact-formsreact-lifting-statereact-useContextreact-custom-hooksreact-mini-projectts-basic-typests-interfacests-genericsts-remaining
Prompt Lab26 个
hello-aiai-basicszero-shotfew-shotchain-of-thoughtoutput-formatjson-schemasystem-prompt-designcontext-engineeringcontext-managementprompt-chainingprompt-evaluationcode-generationself-consistencycost-optimizationrag-basicsrag-feature-pipelinerag-inference-pipelinellm-toolingqa-system-designreact-agenttool-useai-agent-patternsmulti-agentprompt-injection-defensehallucination-defense
Python Lab9 个
python-hellopython-variablespython-functionspython-api-basicspython-jsonpython-listspython-dictionariespython-error-handlingpython-openai-api
AWS Lab8 个
ec2-basicsiam-basicss3-storagesecrets-managerlambda-serverlesscloudwatch-monitoringserverless-apicloudfront-cdn
Git Lab7 个
git-first-commitgit-branch-basicsgit-merge-basicsgit-merge-conflictgit-rebasegit-modify-and-undogit-stash-and-reset
LLM Lab2 个
llm-evaluationmlops-llmops
📚 Learn 延伸阅读映射 — 平台已有内容
课程内置的延伸阅读资源,来自 jiangren.com.au/learn/[direction]/[slug],学员可随时回看。
vibe-coding 16 章
/learn/vibe-coding/what-is-vibe-coding
/learn/vibe-coding/first-prompt
/learn/vibe-coding/git-commit-conventions
/learn/vibe-coding/pair-programming
/learn/vibe-coding/multi-file
/learn/vibe-coding/ship-a-feature
/learn/vibe-coding/debug-with-ai
/learn/vibe-coding/api-fullstack
/learn/vibe-coding/deployment
/learn/vibe-coding/cursor-rules
/learn/vibe-coding/vibe-claude-md-design
/learn/vibe-coding/vibe-token-economics
/learn/vibe-coding/vibe-coding-sop
/learn/vibe-coding/mcp-setup
/learn/vibe-coding/claude-code-full-guide
/learn/vibe-coding/claude-code-skills
ai-engineer 13 章
/learn/ai-engineer/context-fundamentals
/learn/ai-engineer/context-compression-optimization
/learn/ai-engineer/context-degradation-patterns
/learn/ai-engineer/rag-basics
/learn/ai-engineer/langchain-framework
/learn/ai-engineer/ai-agent
/learn/ai-engineer/function-calling-tool-use
/learn/ai-engineer/agent-frameworks-compare
/learn/ai-engineer/mcp-best-practices
/learn/ai-engineer/eval-quality-monitoring
/learn/ai-engineer/security-threat-modeling
/learn/ai-engineer/deployment-cost-optimization
/learn/ai-engineer/ai-coding-workflow
git-lab 1 章
/learn/git-lab/git-team-workflow
prompt-master 1 章
/learn/prompt-master/basics
平台资源复用 — 270+ 互动 Lab 生态
66
Frontend Lab
37
Prompt Lab
34
Vibe Coding Lab
33
Python Lab
41
AWS Lab
21
LLM Lab
全部 Lab 在浏览器内完成,即时验证,按自己节奏学习 · 不需要额外配置环境
AI Engineer 全栈项目班 · 第 30 期 · 2026.04 — JR Academy 匠人学院
Generated from outline.json · 278 lessons · 37 live · 77 video · 80 lab · 12 quest