零基础友好
不需要任何编程经验，从"什么是代码"开始，手把手带你做出第一个作品
Vibe Coding人人都能学会的 AI 编程 b
不写代码，也能做产品。从零基础到全栈开发，让 AI 成为你的编程搭档
Skip to content
选择你的学习路径
基础篇：零基础入门
适合人群：从未写过代码的小白、文科生、设计师、产品经理
学习目标：
- 理解 Vibe Coding 是什么
- 学会用 AI 做出你的第一个作品
- 掌握 MVP 思维和产品感
章节预览：
| 章节 | 内容 |
|---|---|
| 0. 序章 | 自测清单、学习路径规划 |
| 1. 觉醒 | 从码农到指挥官的思维转变 |
| 2. 心法 | MVP 思维、不加功能的艺术 |
| 3. 技法 | 提示词工程、PRD 编写 |
| 4. 实战 | 从 0 到 1 做出你的作品 |
| 5. 进阶 | 版本控制、部署、安全意识 |
| 6. 路径 | 不同背景的学习建议 |
项目状态
内部预览版本
- 本版本为内部预览版，并非正式发行版本
- 正式版本需要等待后续对每一个章节进行深度优化、补充互动教学内容、以及完善实战练习环节
- 如发现问题欢迎通过 GitHub Issues 反馈
正式版预告：Web 互动教学
我们正在开发交互式教学内容，正式版将支持：
- 可视化原理演示 —— 通过动画和交互图解，直观理解前后端交互、请求响应流程
- 数据库交互沙盒 —— 在浏览器中体验数据库查询、表关系设计，理解数据流转
- 架构图解互动 —— 点击探索系统架构，理解各层职责和数据走向
- 概念对比卡片 —— 交互式对比 SSR/CSR、REST/GraphQL 等核心概念
让抽象概念变得可触摸，敬请期待！
什么是 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 负责实现。
适合谁学习？
| 你是谁 | 推荐路径 | 理由 |
|---|---|---|
| 设计师 / 产品经理 | 基础篇 | 零代码基础也能做出可运行的原型 |
| 文科生 / 跨专业 | 基础篇 | 从最基础的概念开始，循序渐进 |
| 前端开发者 | 进阶篇 | 扩展后端能力，成为全栈工程师 |
| 后端开发者 | 进阶篇 | 了解现代前端生态和 Next.js |
| 创业者 / 独立开发者 | 两者皆可 | 快速搭建 MVP，独立完成产品 |
| 想提升效率的开发者 | 基础篇 + 进阶篇 | 系统学习 AI 辅助开发工作流 |
技术栈一览
基础篇：HTML/CSS/JS 基础 · AI 工具 (ChatGPT/Claude/Cursor) · 版本控制入门 · 静态部署
进阶篇：Next.js 14/15+ · TypeScript · PostgreSQL + Prisma · Tailwind CSS + shadcn/ui · NextAuth.js · Docker · Vercel
如何贡献
本项目欢迎社区贡献：
- 在页面底部评论区反馈问题
- 提交 GitHub Issues
- 提交 Pull Request 完善内容