跳到主要内容

开发者路线图

按角色规划该学什么

本页为外部资源索引,链接多为 GitHub 与英文技术站点等境外站点;若个别链接访问缓慢,可尝试通过 GitHub 镜像站访问,或稍后重试。

29 个节点

  • 语义化标签、盒模型、Flex/Grid 布局,一切的起点。

  • 原型链、闭包、事件循环、异步,前端绕不开的核心。

  • 类型系统让中大型项目更稳,现代前端事实标准。

  • React框架

    组件化 + Hooks,生态最大、岗位最多。

  • Vue框架

    上手平缓、文档友好,国内采用率高。

  • 极速冷启动与 HMR,替代 webpack 的新标准。

  • 渲染流程、重排重绘、事件机制,性能优化的根基。

  • 前端测试工程化

    Vitest / Playwright,给组件与流程加保护网。

  • Go / Java / Python / Node 任选,先吃透一门。

  • 表设计、索引、事务,后端的命脉。

  • 资源建模、状态码、版本与鉴权,写好对外接口。

  • 缓存、会话、排行榜,缓解数据库压力。

  • Kafka / RabbitMQ,解耦与削峰的常用手段。

  • JWT / OAuth2 / 会话管理,安全的第一道门。

  • 常用命令、权限、进程与网络,运维的母语。

  • 镜像与容器,环境一致性的关键。

  • 容器编排、扩缩容、自愈,云原生核心。

  • CI / CD工程化

    GitHub Actions / GitLab CI,把构建测试部署自动化。

  • 日志、指标、链路追踪,出问题能快速定位。

  • Next.js框架

    React 全栈框架,SSR/路由/API 一体。

  • Nuxt框架

    Vue 全栈框架,SSR 与服务端能力开箱即用。

  • 接口约定、错误处理、环境隔离,全栈的软技能。

  • Pandas / NumPy,处理表格与统计。

  • 窗口函数、CTE、执行计划,数据分析利器。

  • scikit-learn 入门分类/回归,理解模型评估。

  • PyTorch 入手神经网络与训练流水线。

  • Web 十大安全风险,开发与审计的通用语言。

  • 哈希、对称/非对称加密,理解「为什么安全」。

  • PortSwigger / HackTheBox,理解攻击者视角。

路线图不是打卡清单

很多新手一看到「前端路线图」就焦虑:这么多东西,什么时候学得完?其实路线图是能力地图,不是考试提纲。它的价值是告诉你「这个方向有哪些关键节点」,而不是逼你按顺序全啃完。

用法建议:先补主干,再按项目需要补分支。比如后端先把「语言 + 数据库 + API 设计」吃透,缓存、消息队列用到再学,效率远高于硬背清单。

三大方向怎么起步

  • 前端:HTML/CSS → JavaScript → 一门框架(React/Vue)→ 构建工具 → 浏览器原理。类型系统(TS)尽早上。
  • 后端:一门语言 → SQL 与数据库 → REST API → 缓存(Redis)→ 认证授权。消息队列、微服务是中后期。
  • DevOps:Linux → Docker → CI/CD → Kubernetes → 可观测性。偏运维,但全栈/后端也值得懂基础。

编辑精选「最小主干」

不想被清单淹没,就先拿下这几样,足够做出像样的项目:

  1. 一门语言(Go / Python / TypeScript)
  2. 关系型数据库 + 基本 SQL
  3. 一个前端框架 + 构建工具
  4. Git 与基础 Linux
  5. 一个能部署上线的全流程(本地 → CI → 容器)

相关工具

本页节点链接尽量指向官方文档等权威源,均为外部资源(已加 nofollow)。学习路径因人而异,按需取用即可。

常见问题

路线图是必须照单全收的顺序吗?
不是。路线图是「能力地图」而非「打卡清单」。先按你当前角色补齐主干(比如后端先把语言+数据库+API 吃透),分支技能用到再学。不要为了学而学,带着项目驱动最高效。
前端和后端先选哪个?
看你目标。想做界面/交互选前端,想做逻辑/数据选后端;不确定就先学一门语言 + 基础 Web(HTML/HTTP/SQL),再决定。全栈是后面自然融合的事,不建议一开始就硬凑。
链接都是官方文档吗?够学吗?
节点链接尽量指向官方文档等权威源,作为入口足够。系统学习建议再配一本书或一门体系课。本页只做索引与导读,链接为外部资源(已加 nofollow)。