零基础友好
不需要任何编程经验，从"什么是代码"开始，手把手带你做出第一个作品
Vibe Vibe人人都能学会 AI 编程
不写代码，也能做产品 从零基础到全栈开发，放大你的天才创意
Skip to content
学习路径
基础篇：零基础入门
适合人群：从未写过代码的小白、文科生、设计师、产品经理
学习目标：理解 Vibe Coding · 用 AI 做出第一个作品 · 掌握 MVP 思维
内容预览：
- 觉醒：从码农到指挥官的思维转变
- 心法：MVP 思维、不加功能的艺术
- 技法：提示词工程、PRD 编写
- 实战：从 0 到 1 做出你的作品
- 进阶：版本控制、部署、安全意识
技术栈：HTML/CSS/JS · AI 工具（ChatGPT/Claude/Cursor）· Git · 静态部署
进阶篇：从0到上线的避坑指南
适合人群：想了解完整项目交付流程的开发者
学习目标：全栈技术栈 · 前后端架构 · 生产级部署 · 工程化思维
内容预览（14章序言可阅读）：
- 开发基础：环境搭建 · 开发工具 · AI 调教 · 文档驱动
- 界面与数据：UI/UX · 环境变量 · 数据库 · 测试自动化
- 部署运维：公网访问 · Git 协作 · CI/CD · 域名 DNS · VPS 部署
- 安全增长：安全防护 · SEO · 数据统计
技术栈：Next.js 16 · React · TypeScript · Tailwind · shadcn/ui · Prisma · PostgreSQL
项目状态
内部预览版本
- 本版本为内部预览版，并非正式发行版本，不代表最终品质
- 正式版本需要等待后续对每一个章节进行深度优化、补充互动教学内容、以及完善实战练习环节
- 如发现问题欢迎通过 GitHub Issues 反馈
进阶版预告：Web 互动教学
我们正在开发交互式教学内容，正式版将支持：
- 可视化原理演示 —— 通过动画和交互图解，直观理解前后端交互、请求响应流程
- 数据库交互沙盒 —— 在浏览器中体验数据库查询、表关系设计，理解数据流转
- 架构图解互动 —— 点击探索系统架构，理解各层职责和数据走向
让抽象概念变得可触摸，敬请期待！
什么是 Vibe Coding？
"There's a new kind of coding I call 'vibe coding', where you fully give in to the vibes, embrace exponentials, and forget that the code even exists."
— Andrej Karpathy, 2025
Vibe Coding 是 2025 年最火的编程方式（Collins 词典年度词汇）。它的核心理念是：
- 用自然语言描述需求，而不是手写代码
- 让 AI 生成代码，你来验收和调整
- 快速迭代，做出能用的东西比代码完美更重要
简单说：你负责想法，AI 负责实现。
这门课不会让你成为资深程序员
- 你不会精通算法和数据结构
- 你不会成为框架源码专家
- 你不会获得大厂面试通关能力
但你会获得：
- 独立交付产品的能力
- 与 AI 高效协作的方法
- 把想法变成现实的执行力
这是两条不同的路径，各有价值。
适合谁学习？
| 你是谁 | 推荐路径 | 理由 |
|---|---|---|
| 设计师 / 产品经理 | 基础篇 | 零代码基础也能做出可运行的原型 |
| 文科生 / 跨专业 | 基础篇 | 从最基础的概念开始，循序渐进 |
| 前端开发者 | 进阶篇 | 扩展后端能力，成为全栈工程师 |
| 后端开发者 | 进阶篇 | 了解现代前端生态和 Next.js |
| 创业者 / 独立开发者 | 两者皆可 | 快速搭建 MVP，独立完成产品 |
| 想提升效率的开发者 | 基础篇 + 进阶篇 | 系统学习 AI 辅助开发工作流 |
了解更多项目信息，请前往 GitHub 仓库。