developer-roadmap

一张图看清学什么、先学什么,照着走就行

开源 freemium 学习教育
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 369677
维护状态 活跃
是否开源 是
定价模式 freemium

项目预览

项目数据

分类学习教育
开发团队nilbuild
所属国家
官网地址https://roadmap.sh
定价模式freemium
价格说明基础路线图免费,roadmap.sh 提供付费会员增值内容
访问状态
是否开源是
开源协议NOASSERTION
主要语言TypeScript
技术栈/模型angular-roadmap,backend-roadmap,blockchain-roadmap,computer-science,dba-roadmap,developer-roadmap,devops-roadmap,frontend-roadmap,go-roadmap,java-roadmap,javascript-roadmap,nodejs-roadmap,python-roadmap,qa-roadmap,react-roadmap,roadmap,software-architect-roadmap,vue-roadmap
GitHub 星标★ 369677
30天Star增速
HF 下载量
上线时间2017-03-15 00:00:00
代码更新—
仓库体积—
本站数据更新—
维护状态活跃
中文支持
访问方式
移动端支持
综合评分
收录时间2026-10-18
浏览次数0

项目介绍

developer-roadmap 是一个面向开发者的交互式学习路线图与指南合集,用可视化路径回答“学什么、按什么顺序学”的问题。它覆盖前端、后端、DevOps、区块链、计算机科学、DBA 等数十个方向,每个节点标注知识点、推荐资源与学习顺序,并提供可点击的交互式路线图。项目本身是内容型仓库,用 TypeScript 构建站点,社区持续更新各方向技术栈变化。核心能力包括:多角色路线图(前端/后端/全栈/AI 等)、最佳实践与问题清单、面试准备内容,以及可嵌入的路线图组件。适合自学者规划路径、团队做新人培养计划,或作为技术选型时的全景参考。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

难度:入门 约 5 分钟 部署方式:云服务 6 步

⚠ 该项目 README 未提供完整安装说明,以下步骤为通用流程,请以官方文档为准。

环境要求

  • 可正常访问外网的浏览器(Chrome/Edge/Safari 等)
  • 无需安装 Node.js、Docker 等任何本地环境,README 未提供本地安装说明
  • 如需查看源码,需能访问 GitHub 仓库页面

安装与启动步骤

  1. 1打开官网首页

    在浏览器访问 roadmap.sh,首页即为全部路线图入口,无需登录或安装任何软件。

  2. 2挑选学习方向

    从 README 列出的清单里选择方向,如前端、后端、DevOps、全栈、DevSecOps 等。

  3. 3使用初学者版本

    基础薄弱者可在链接后加 ?r=frontend-beginner 等参数进入 Beginner 版路线图。

  4. 4点击节点看详情

    路线图已支持交互,点击任意节点即可展开该知识点的说明与推荐资源。

  5. 5参考入门指引页

    访问 get-started 页面,帮助自己在多个方向中确定一条起步路径。

  6. 6查阅最佳实践与题库

    在 best-practices 与 questions 页面查看实践清单和面试准备内容。

如何确认成功

浏览器能打开 roadmap.sh 并看到路线图列表,点击节点可弹出详情,即表示使用正常。

常见问题

Q:需要把项目下载到本地安装吗?

A:README 只给出了 roadmap.sh 在线访问链接,没有提供本地构建或安装命令,直接浏览器使用即可。

Q:路线图是静态图片吗?

A:不是。README 说明路线图现在是交互式的,点击节点可以阅读该主题的更多内容。

Q:零基础该从哪张图开始?

A:可先看 Frontend、Backend、DevOps 的 Beginner 版本,或参考 get-started 页面的路径建议。

Q:读不懂英文内容怎么办?

A:README 与站点内容以英文为主,可配合浏览器自带翻译功能阅读节点说明与资源链接。

注意事项

  • README 节选未包含任何本地安装、构建或启动命令,本教程仅覆盖在线使用方式。
  • 如需本地部署站点,请以仓库中的实际开发文档为准,不要照搬本教程步骤。
  • 路线图内容由社区持续维护,节点与推荐资源会随技术栈变化而更新。

核心亮点

  • 路线图覆盖方向极全,从入门到进阶都有对应路径
  • 每个知识点附推荐资源与学习顺序,可直接当学习计划用
  • 社区活跃、更新快,技术栈变化能及时反映到图上

不足之处

  • 内容偏“地图”而非“教程”,深入讲解仍需外部资料
  • 部分方向路线图节点较密,初学者容易信息过载

适用场景

  • 自学者规划从零到就业的学习路径
  • 团队为新员工制定技术成长计划
  • 技术选型时快速了解某方向的知识全景

替代项目

roadmap.sh、awesome-learning、freeCodeCamp

上一篇:claude-code-pro-course

下一篇:没有了!

同类项目推荐

learn-from-materials 开源

把PDF和论文变成能做题、能做笔记的学习网页

Turn PDFs, books and papers into interactive learning webpages|将复杂材料转化为可追···

★ 1031 2026-09-25
awesome-awesome-ai 开源

一站式导航AI资源,告别收藏夹吃灰

An awesome list for collecting awesome lists related to AI.

★ 138 2026-08-09
machine-learning 开源

免费学AI,从入门到实战,社区共建资源库

Learn AI together, for free. AI learning and teaching resources for everyone.

★ 231 2026-08-09
groundhog 开源

拆解 Cursor 原理,手把手教你造 AI 编程助手

Groundhog's primary purpose is to teach people how Cursor and all these other coding···

★ 405 2026-08-09