综合 / 后端 · 2026-10-13 09:22 · 2 阅读 · 0 赞
36.8 万星的 developer-roadmap:87 条技术路线图,自学不用再猜顺序
roadmap.sh 背后的开源仓库 developer-roadmap 已获 36.8 万星,内含 87 条技术路线图、5 份最佳实践与 5 套自测题,内容本体为 Markdown,可本地克隆、可提 PR 修改,合并后自动同步上线。
学什么、按什么顺序学、学到哪算够——这个仓库把 87 条技术路线都画成了能点开的图。
编辑先表态
自学写代码这件事,卡人的地方往往不是资源太少,而是资源太多、顺序不清。收藏夹里躺着几十篇教程,真到要动手的时候,还是不知道下一个该学什么。
developer-roadmap 就是冲着这件事来的。它把每一条技术主线拆成一张节点图,节点上标着「推荐」还是「可选」,点开每个节点就是一段讲解——顺带说清它和上下游知识点的关系。
**我的判断:**它不替代任何一本教材,但它是目前少见的「能把全貌摊开给你看」的那一类项目——而且内容全部开源成 Markdown,你看到不对的地方可以自己改。
三个理由,说清楚我为什么推荐它。
三个亮点
01 87 条路线图,从 HTML 到 Kubernetes 都有
前端、后端、DevOps、全栈、计算机基础、数据结构与算法这些老牌主线都在;数据库那一路从 SQL、PostgreSQL、MongoDB 到 Redis、Elasticsearch 也齐了;语言方向 C、C++、Go、Rust、Java、Kotlin、Python、PHP、Ruby、Scala 一个不缺。
**AI 那几条线是最近新增的重点:**Claude Code、OpenClaw、Vibe Coding、AI Agents、AI 红队、AI 产品构建者、前向部署工程师——做 AI 应用的人,能在这里找到一条明确的学习路径。
前端、后端、DevOps、Git、游戏开发这五条主线还各带一个 Beginner 版本,把跨度砍短,专门给刚入门的人用。
02 网页是渲染层,内容本体就是 Markdown
这是它跟「一个导航站」最大的区别。仓库里每个知识点都是一个独立的 md 文件:
roadmaps/<roadmap-slug>/content/<topic-slug>@<node-id>.md
文件名里的 node id 负责把这份 md 和网页上那个节点对上号,所以路径和文件名要保持原样。合并进主分支之后,内容会自动同步到网站上——也就是说,你修的一段讲解,下次打开 roadmap.sh 就能看见。
03 学完还能自测:5 份最佳实践 + 5 套题
路线图管「学什么」,配套的两个栏目管「学得像不像样」:
🟠 最佳实践 5 份:后端性能、前端性能、代码评审、API 安全、AWS。
🟠 自测题 5 套:JavaScript、Node.js、React、后端、前端。
拿路线图当目录、拿最佳实践当检查项、用题目验证自己是不是真懂了——这一套走下来,自学的节奏感会清楚很多。
上手成本 & 适合谁
成本基本为零:网页端不用注册、不用登录,打开就能看;想本地翻内容,一条命令把仓库拉下来就行。
| 人群 | 怎么用 |
|---|---|
| 转行的自学者 | 先看 Beginner 版本,把跨度砍到能一口吃下的长度 |
| 在职工程师 | 当知识清单用,一条条勾过去,缺口会自动浮出来 |
| 带新人的 mentor | 直接甩一条路线图当培养计划,比口头讲顺序清楚 |
| 想动手改内容的人 | 改一个 md 提 PR 就行,合并后自动上线 |
怎么拿到本地
只想读内容,稀疏拉一份就够,体积小很多:
git clone git@github.com:nilbuild/developer-roadmap.git --depth 1
cd developer-roadmap
仓库里的 scripts/ 是维护者用来做内容同步的工具链;想改路线图内容,先读 contributing.md,它会告诉你新增一个节点、改一段讲解分别要动哪些文件。
用过的人怎么说
「我一直跟着 roadmap.sh 看。它算不上完整的教程,但能帮我补上明显缺的那几块。」 —— Hacker News 用户 gste
有人问「零基础怎么学前端」,他把 roadmap.sh/frontend 放在第一个答案:「它铺出了一棵知识树,你可以照着一步一步走。」 —— Hacker News 用户 cwdegidio
在「预算 400 美元以内该上什么后端课」那个帖子里,他说 roadmap.sh 能帮他「找出后端知识里的缺口」。 —— Hacker News 用户 realprimoh
和前几年「攒一份优质博客清单」的做法比,差别在这几处:
| 对比项 | 自己搜着学 | 照着这份路线图 |
|---|---|---|
| 从哪开始 | 看搜索排名和别人推荐 | 每条主线有固定起点和顺序 |
| 学到哪算够 | 说不清,容易停在教程里 | 节点分「推荐 / 可选」,全貌一眼看完 |
| 内容会过时吗 | 收藏夹越攒越乱 | 合并进仓库的内容自动同步上站 |
| 花钱吗 | 看选的资源 | 免费,不用注册 |
先打开 get started 页面,挑一条主线,从第一个节点看起。
数据脚注
- 仓库:github.com/nilbuild/developer-roadmap(roadmap.sh 背后的内容仓库)
- GitHub 实时数据:368,690 star / 45,024 fork / 6,871 watchers / TypeScript / 建仓 2017-03-15
- 数量统计依据:路线图 87 条、最佳实践 5 份、自测题 5 套,均按 README 列表逐行统计;README 的列表是「Frontend / Frontend Beginner」这样合并成一行写的,Beginner 变体另外计。这是统计值,非项目官方自述总数。
- 许可:GitHub 识别为 Other(NOASSERTION),README 指向仓库根目录的 license 文件;转载或二次内容前请以那份文件为准。
- 反馈来源:Hacker News 评论原话(gste / cwdegidio / realprimoh)。