跳到内容
分享网

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

学习资料 Web 17 天前更新 浏览 1 ↓ 直达下载
不知道该学什么?roadmap.sh 按方向画出技术路线图,开源免费

「前端要学哪些东西」这个问题,用文字回答会很长,用一张图回答就很直观。roadmap.sh 把各个方向的技术栈画成可勾选的路线图。

它解决什么问题

技术栈更新快,不知道该学什么、按什么顺序学,容易跟风学一堆用不上的东西。

招聘要求里罗列的技术名词难以判断优先级,不知道哪些是核心、哪些是可选项。

核心能力

能力 具体能做到什么
方向覆盖广 前端、后端、DevOps、Android、AI、数据、安全等都有路线图
可勾选进度 每个节点可标记「已掌握」,进度存在本地,能直观看到完成度
节点可展开 每个技术点提供简短说明与推荐学习资料链接
区分必选与可选 图上区分「必须掌握」与「建议了解」,避免一概而论
内容开源 路线图在 GitHub 上维护,接受社区修正
免费使用 核心内容无需注册即可查看

路线图要「用来裁剪」,不要「用来打卡」

路线图列的是这个领域的全貌,不是你必须全部掌握的清单。把它当成「地图」而不是「任务表」。

正确的用法是:先确定自己的目标岗位,从路线图里挑出与该岗位强相关的分支,其余的标注为「了解即可」。全部点亮既不可能,也没有必要。

同类工具怎么选

工具 授权 差别在哪
Teach Yourself CS 官方免费 偏计算机基础科目,不带技术栈细节
OSSU 开源免费 把课程按学期排成完整课表
MDN 学习区 官方免费 前端方向的权威学习路径,比路线图更深入

谁适合用

  • 转行者,需要了解目标岗位的技术全貌
  • 在校学生,想知道该按什么顺序补技术栈
  • 团队负责人,需要为新人的学习路径做规划

怎么开始

  1. 打开 roadmap.sh,选择与自己目标最接近的方向。
  2. 通读一遍,标出自己已掌握的节点。
  3. 按「必须掌握」的节点规划学习顺序,优先补齐关键缺口。
  4. 点开节点查看推荐资料,接入具体的学习内容。
  5. 每隔一段时间回看一次,更新进度并调整优先级。

常见问题

必须全学完吗?
不需要。路线图是全貌视图,按目标岗位裁剪即可。

内容会过时吗?
社区持续更新,但个别技术节点可能滞后于最新生态。

能用于培训课程设计吗?
可以作为框架参考,但内容许可以仓库说明为准,商用前需确认。

授权与合规

roadmap.sh 的路线图内容开源在 GitHub,可免费查看;内容以开放许可发布,具体条款见仓库说明。 官网:roadmap.sh

资源信息
界面语言 英文
授权方式 开源免费
适用平台 Web
获取方式 直链下载
资源更新 2026-09-19
页面更新 2026-09-01

获取资源

点击下方按钮直接开始下载。

立即下载
直链 https://roadmap.sh/