不知道该学什么?roadmap.sh 按方向画出技术路线图,开源免费

「前端要学哪些东西」这个问题,用文字回答会很长,用一张图回答就很直观。roadmap.sh 把各个方向的技术栈画成可勾选的路线图。
它解决什么问题
技术栈更新快,不知道该学什么、按什么顺序学,容易跟风学一堆用不上的东西。
招聘要求里罗列的技术名词难以判断优先级,不知道哪些是核心、哪些是可选项。
核心能力
| 能力 | 具体能做到什么 |
|---|---|
| 方向覆盖广 | 前端、后端、DevOps、Android、AI、数据、安全等都有路线图 |
| 可勾选进度 | 每个节点可标记「已掌握」,进度存在本地,能直观看到完成度 |
| 节点可展开 | 每个技术点提供简短说明与推荐学习资料链接 |
| 区分必选与可选 | 图上区分「必须掌握」与「建议了解」,避免一概而论 |
| 内容开源 | 路线图在 GitHub 上维护,接受社区修正 |
| 免费使用 | 核心内容无需注册即可查看 |
路线图要「用来裁剪」,不要「用来打卡」
路线图列的是这个领域的全貌,不是你必须全部掌握的清单。把它当成「地图」而不是「任务表」。
正确的用法是:先确定自己的目标岗位,从路线图里挑出与该岗位强相关的分支,其余的标注为「了解即可」。全部点亮既不可能,也没有必要。
同类工具怎么选
| 工具 | 授权 | 差别在哪 |
|---|---|---|
| Teach Yourself CS | 官方免费 | 偏计算机基础科目,不带技术栈细节 |
| OSSU | 开源免费 | 把课程按学期排成完整课表 |
| MDN 学习区 | 官方免费 | 前端方向的权威学习路径,比路线图更深入 |
谁适合用
- 转行者,需要了解目标岗位的技术全貌
- 在校学生,想知道该按什么顺序补技术栈
- 团队负责人,需要为新人的学习路径做规划
怎么开始
- 打开 roadmap.sh,选择与自己目标最接近的方向。
- 通读一遍,标出自己已掌握的节点。
- 按「必须掌握」的节点规划学习顺序,优先补齐关键缺口。
- 点开节点查看推荐资料,接入具体的学习内容。
- 每隔一段时间回看一次,更新进度并调整优先级。
常见问题
必须全学完吗?
不需要。路线图是全貌视图,按目标岗位裁剪即可。
内容会过时吗?
社区持续更新,但个别技术节点可能滞后于最新生态。
能用于培训课程设计吗?
可以作为框架参考,但内容许可以仓库说明为准,商用前需确认。
授权与合规
roadmap.sh 的路线图内容开源在 GitHub,可免费查看;内容以开放许可发布,具体条款见仓库说明。 官网:roadmap.sh。
资源信息
界面语言
英文
授权方式
开源免费
适用平台
Web
获取方式
直链下载
资源更新
2026-09-19
页面更新
2026-09-01
↓ 获取资源
点击下方按钮直接开始下载。
立即下载
直链
https://roadmap.sh/