前端开发
软件开发
2025年成为现代前端开发工程师的分步指南
24 个阶段
79 个技能
系统化的学习路线，从基础到进阶，循序渐进掌握核心技能
1
互联网
核心技能点
互联网是如何工作的?
什么是HTTP？
什么是域名？
什么是主机服务？
DNS及其工作原理？
浏览器及其工作原理?
阶段学习资源
推荐资料
2
超文本标记语言 (HTML)
核心技能点
学习基础
编写语义化HTML
表单和验证
无障碍性
搜索引擎优化基础
阶段学习资源
3
CSS
核心技能点
学习基础
创建布局
响应式设计
阶段学习资源
4
JavaScript
核心技能点
学习基础知识
学习DOM操作
Fetch API / Ajax (XHR)
阶段学习资源
5
版本控制系统
核心技能点
Git
阶段学习资源
6
版本控制系统托管
核心技能点
GitHub
GitLab
Bitbucket
阶段学习资源
7
选择一个Web框架
核心技能点
React
Vue.js
Angular
Svelte
Solid JS
Qwik
阶段学习资源
8
包管理器
核心技能点
npm
pnpm
yarn(JavaScript包管理器)
阶段学习资源
10
CSS框架
核心技能点
js-first
11
CSS 架构
核心技能点
BEM（Block, Element, Modifier方法论）
阶段学习资源
12
CSS预处理器
核心技能点
Sass
PostCSS
阶段学习资源
13
构建工具
核心技能点
模块打包器（Module Bundlers）
代码检查器和格式化工具
阶段学习资源
14
测试
核心技能点
Vitest
Jest
Playwright
Cypress
阶段学习资源
15
认证策略
阶段学习资源
16
Web安全基础
核心技能点
跨源资源共享(CORS)
HTTPS
内容安全策略
OWASP 安全风险
阶段学习资源
17
Web组件
核心技能点
HTML模板
自定义元素(Custom Elements)
阴影 DOM（Shadow DOM）
阶段学习资源
18
服务器端渲染 (SSR)
核心技能点
React
Angular
Vue.js
Svelte
阶段学习资源
19
类型检查器
核心技能点
TypeScript
阶段学习资源
20
GraphQL
核心技能点
阿波罗(Apollo)
Relay 现代版 (Relay Modern)
阶段学习资源
21
静态网站生成器
核心技能点
Vuepress
Astro
Next.js
Eleventy
Nuxt.js
阶段学习资源
22
渐进式网络应用（PWAs）
核心技能点
PRPL 模式
RAIL 模型
性能指标
使用Lighthouse
使用开发工具（DevTools）
存储
Web Sockets（Web套接字）
服务器发送事件（Server-Sent Events）
还有 6 个技能点
阶段学习资源
24
移动应用程序
核心技能点
React Native
Flutter
Ionics (Ionic)
阶段学习资源
职路APP - AI驱动的职业发展平台
个性化学习路径
基于AI算法生成专属的职业成长路径
职业测评
全面了解自己的职业兴趣和能力特长
智能简历
一键生成针对不同职位的专业简历
职位分析
深度解析职位要求，精准匹配能力