Code
Road
Map
路线图
学习路径
文章
题库
资源
社区
首页
/
路线图
/
前端开发路线图
前端开发路线图
2026 年成为一名现代前端开发者。
难度
中级
时长
30 周
知识点
120
模块
14
0%
整体完成度
…
继续学习
已完成
进行中
未开始
1. 阶段一
0/17
互联网
CSS
JavaScript
版本控制系统托管
学习一个框架
Linter 与格式化工具
Svelte
Vue.js
Angular
Nuxt.js
SvelteKit
桌面应用
Web API
学习基础
应用
MCP
技能
2. 阶段二
0/41
互联网是如何工作的？
什么是 HTTP？
什么是域名？
什么是托管？
DNS 及其工作原理
浏览器及其工作原理
HTML
版本控制
包管理器
GitHub
yarn
pnpm
npm
模块打包器
Parcel
Rollup
esbuild
Web 安全
React
react-router
Next.js
Vuepress
Nuxt.js
Eleventy
Next.js
Electron
Tauri
Flutter
SWC
Astro
Bun
Biome
Rolldown
Tanstack Start
大语言模型（LLMs）工作原理
AI 与传统编码对比
代码审查
文档生成
AI 辅助编码
实现人工智能
重构
3. 阶段三
0/23
Git
CSS 框架
Vite
Prettier
ESLint
认证策略
跨域资源共享
HTTPS
内容安全策略
OWASP 风险
服务端渲染
Flutter
Ionic
Netlify
Render
Claude Code
Copilot
Cursor
Antigravity
提示词技巧
Gemini
OpenAI
Anthropic
4. 阶段四
0/19
GitLab
Angular
Vue.js
React
Svelte
Solid JS
Tailwind
Testing
Jest
Playwright
Cypress
自定义元素
Shadow DOM
SSG
GitHub Pages
Vercel
Cloudflare
Railway
AI 智能体
5. 阶段五
0/3
Vitest
类型检查器
Astro
6. 阶段六
0/1
部署
7. 阶段七
0/1
设计系统
8. 阶段八
0/1
性能
9. 阶段九
0/6
Web Components
Lighthouse
DevTools 使用
Service Workers
流式响应
Cache-Control
10. 阶段十
0/3
HTML 模板
GraphQL
Relay Modern
11. 阶段十一
0/2
Apollo
无障碍性
12. 阶段十二
0/1
PWA
13. 阶段十三
0/1
移动应用
14. 阶段十四
0/1
React Native