PHASE 4

第 3 个交付物：把你的 PPT 转成 Landing Page 网站（房地产楼盘为教学案例）

Week 4-5，21 节课 · 把 P2 做的 PPT 内容改成 landing page 网页版本 · Cursor + Claude Code 这里出现，轻触不深挖 · 🟦 基础+进阶
L27
Information
从 PPT 到 Landing Page：把幻灯片改成网页的转化思路
30min
L28
Information
什么是“一个好的互联网产品”？
Learn: ai-builder/ai-native-product
60min
L29
Information
HTML介绍
60min
L30
Information
CSS介绍
60min
L31
Information
网页文件结构入门（HTML/CSS/JS）
60min
L32
Information
常见前端页面组件介绍
60min
L33
Information
工具安装：Cursor + Claude Code
Learn: vibe-coding/install-cursor
60min
L34
InteractiveLab
Lab: Cursor 入门 — Vibe Coding 的代名词
Lab: vibe-cursor-intro
30min
L35
Information
自学：安装 Cursor 与环境准备
Learn: vibe-coding/install-cursor
30min
L36
Information
什么是 Claude Code（命令行版 AI 编程）
60min
Q01
Quest
Quest 实战：装好 Cursor 用一句话生成你第一个网页
Quest skeleton: 5 步
30min
L37 ●LIVE
Lesson
让 AI 帮我写第一个功能
Learn: vibe-coding/ship-a-feature
180min
L38 ●LIVE
Lesson
用 AI 把你的 PPT 内容搭成完整 Landing Page
Learn: vibe-coding/multi-file
180min
Q03
Quest
Quest 实战：用 Cursor 搭一个真实可用的官网首页
Quest skeleton: 5 步
45min
L39
Information
报错时正确的 Debug 方法
Learn: vibe-coding/debug-with-ai
60min
L40 ●LIVE
Lesson
Debug不再可怕
Learn: vibe-coding/debug-with-ai
120min
L41 ●LIVE
Lesson
Git基础：保存进度不掉线
Learn: vibe-coding/git-commit-conventions
120min
L42
Information
如何创建并管理你的第一个GitHub仓库
Learn: vibe-coding/git-commit-conventions
60min
L43
Information
什么是部署上线？
Learn: vibe-coding/automation-cli
60min
L44 ●LIVE
Lesson
产品上线啦，域名管理
Learn: vibe-coding/automation-cli
180min
Q04
Quest
Quest 实战：把你的网站真的部署到 Vercel 上线
Quest skeleton: 5 步
40min
← P3
🏠 课程总览
P5 →
📄 数据源：public/outline.json（4 段）· 自动生成