🎯 全栈 + AI Agent 学习路线
从零基础到 AI 时代全栈工程师 —— 一份用 Obsidian 组织的、超过 58 万字 / 110 个详细教程的系统化学习路线。
涵盖 Python · JavaScript · React · FastAPI · 数据库 · LLM · AI Agent · 毕业项目,每个知识点都附类比解释 + 完整代码 + 练习题 + GitHub 项目推荐。
⭐ 觉得有用就点个 Star 吧 —— 是对维护者最大的鼓励
💡 这是什么
不是一份链接清单。这是一套 "零基础 → 能独立交付 AI Agent 产品" 的完整教程包:
- 📘 110 个 Markdown 文件 / 58 万字 —— 每个新概念都用日常类比讲清楚
- 💻 完整可运行代码 —— 不是片段,是逐行注释 + 预期输出 + 练习答案
- 🎯 30+ 个章节项目 —— 每章必做一个验收项目,没做完不算学完
- ⭐ 400+ 精选 GitHub 项目 —— 每个都标注"该怎么用它学"
- 🗺️ Obsidian Canvas 思维导图 —— 全局视图 + 章节关系一目了然
- 📊 配套学习契约 / 周报 / 里程碑模板 —— 强制反馈系统
这份教程专门为零基础学习者设计:你不需要任何前置知识,只需要每天 3 小时 + 一颗坚持的心。
🚀 快速开始
方式 1:用 Obsidian 打开(推荐 ⭐)
- 下载 Obsidian(免费)
git clone https://github.com/Karovia/fullstack-ai-agent-roadmap.git- 在 Obsidian 中打开下载的文件夹(Open folder as vault)
- 首先打开
全栈学习路线/🗺️学习路线思维导图.canvas看全局 - 然后从
全栈学习路线/README.md开始学
方式 2:直接在 GitHub 浏览
直接进入 全栈学习路线/ 文件夹按章节阅读(中文文件名兼容良好)。
🗺️ 路线全景
🌟 终极目标:AI 时代全栈工程师
│
╔═══════════╪═══════════╗
║ 4 大学习动机 ║
║ 编程/全栈/Agent/源码 ║
╚═══════════╪═══════════╝
▼
━━━ 阶段一 · 地基(1-3 月)━━━
00 学习方法论 → 01 Python → 02 JavaScript
│
━━━ 阶段二 · 前端(4-7 月)━━━
03 HTML/CSS → 04 React
│
━━━ 阶段三 · 后端(8-10 月)━━━
05 FastAPI/Hono → 06 数据库
│
━━━ 阶段四 · AI 核心(11-15 月)━━━
07 LLM 基础 → 08 AI Agent ⭐
│
━━━ 阶段五 · 毕业(16-18 月)━━━
09 毕业项目 (能上线/能赚钱)
│
╔═══════════╪═══════════╗
║ 求职 / 独立开发 / 影响力 / 创业 ║
╚═══════════════════════╝
可交互的版本:全栈学习路线/🗺️学习路线思维导图.canvas (需要 Obsidian 打开)
📚 章节目录
| # | 模块 | 周期 | 章节验收项目 | 详细教程数 |
|---|---|---|---|---|
| 00 | 学习方法论 | 1 周 | 学习仪表盘 + 学习契约 | 8 |
| 01 | Python 从零到源码 | 10 周 | pyspider-cli 异步爬虫 + PyPI 发布 |
12 |
| 02 | JavaScript 从零到源码 | 10 周 | mini-lodash + 在线代码沙盒 |
12 |
| 03 | HTML/CSS 现代 Web | 4 周 | 像素级还原 Linear / Stripe / Apple 落地页 | 6 |
| 04 | React 从使用到源码 | 10 周 | 在线协作白板 + 手写 mini-react(Fiber + Hooks) | 12 |
| 05 | 后端 FastAPI + Node | 8 周 | RealWorld Conduit 后端 + 实时聊天 | 10 |
| 06 | 数据库 + 工程化 | 6 周 | mini-twitter 高并发短文社区 |
8 |
| 07 | AI 基础:Prompt + LLM | 6 周 | AskMyDocs 企业文档问答 + 从零实现 GPT |
8 |
| 08 | AI Agent 框架与源码 ⭐ | 12 周 | mini-agent-sdk + 自建 MCP Server |
14 |
| 09 | 毕业项目 | 8-12 周 | 能上线、能赚钱、能写进简历的产品 | 8 |
⭐ 每章 GitHub 项目精选(独家亮点)
每章配一份精选 GitHub 项目清单(不是简单收藏,而是"怎么用它学"的指南):
- 🌱 入门级(30 分钟跑起来)
- 🌿 进阶级(读源码学设计)
- 🌲 源码级(看真实生产代码)
- 🏆 Easy-vibe 风格(小但完整,看完即懂)
| 章节 | GitHub 项目精选 |
|---|---|
| 00 学习方法论 | 入门导航 |
| 01 Python | Python 项目精选 |
| 02 JavaScript | JavaScript 项目精选 |
| 03 HTML/CSS | CSS 与设计 |
| 04 React | React 生态 |
| 05 后端 | 后端实战 |
| 06 数据库 | 数据库 DevOps |
| 07 LLM | LLM 学习 |
| 08 Agent ⭐ | Agent 全景 |
| 09 毕业项目 | 毕业项目灵感库 |
4 个深度专题:
🎓 学习哲学
这份路线坚持 4 个原则:
- 不速成 — 源码级精通必须经过「理解 → 模仿 → 重写 → 教会别人」四个阶段。
- 项目驱动 — 每章配一个完整验收项目,没做完不算学完。
- 费曼学习法 — 每节学完写一篇笔记教会别人。
- 造轮子 — 到源码阶段必须亲手写 mini-react / mini-langchain / mini-agent。
详见 00-学习方法论/ 全套 8 篇方法论教程。
📊 学习效果指标
学完这份路线后,你应该能:
| 能力维度 | 具体表现 |
|---|---|
| 编程 | 用 Python / TypeScript 写出生产级代码,不依赖框架 |
| 全栈 | 独立从 0 上线 Web 应用(前端 + 后端 + DB + AI) |
| AI Agent | 能设计、实现、调优、部署多 Agent 系统 |
| 源码级 | 读懂 React / LangGraph / CPython 部分源码 |
| 工程化 | Docker / CI/CD / 监控 / 测试齐备 |
| 求职 | 能拿到 AI Agent 工程师 / 全栈工程师 Offer |
| 独立 | 能做出 GitHub 100+ star 的开源项目 |
📋 推荐学习节奏
| 投入 | 周期 | 适合人群 |
|---|---|---|
| 每天 3 小时(工作日)+ 6 小时(周末) | 12-15 个月 | 在校学生 / 自由时间多 |
| 每天 1.5 小时 + 周末 6 小时 | 18-24 个月 | 有全职工作 |
| 每天 5+ 小时 | 8-10 个月 | 全脱产学习 |
🤝 贡献与反馈
- 🐛 发现错误? 提 Issue
- 💡 有改进建议? 发起 Discussion
- ⭐ 觉得有用? 给个 Star 让更多人看到
- 🔄 想分享? 欢迎 Fork、转载(请保留原作者信息)
📜 License
本仓库内容采用 CC BY-SA 4.0 协议。
- ✅ 自由分享、转载、改编
- ✅ 商业使用(请注明来源)
- ⚠️ 必须保留署名("原作者:Karovia")
- ⚠️ 衍生作品须采用相同协议
🌐 相关链接
- 📂 Obsidian 官网
- 🤖 Anthropic Claude —— 学习 AI Agent 的最佳助手
- 🎓 Anthropic Courses
- 🛠️ build-your-own-x
🙋 致谢
这份路线站在以下巨人的肩膀上:
- Anthropic —— Claude 模型与 Agent 设计哲学
- Andrej Karpathy —— 从零实现神经网络的开创性教学
- Sebastian Raschka —— LLMs-from-scratch
- 卡颂 —— React 技术揭秘
- Datawhale —— 中文 AI 教育生态
- 廖雪峰、阮一峰、张鑫旭 —— 中文技术启蒙
- 以及无数开源社区贡献者
No comments yet
Be the first to share your take.