Frontend Developer
Frontend Development
Step by step guide to becoming a modern frontend developer in 2025
24 个阶段
79 个技能
系统化的学习路线，从基础到进阶，循序渐进掌握核心技能
1
Internet
核心技能点
How does the internet work?
What is HTTP?
What is Domain Name?
What is hosting?
DNS and how it works?
Browsers and how they work?
阶段学习资源
2
HTML
核心技能点
Learn the basics
Writing Semantic HTML
Forms and Validations
Accessibility
SEO Basics
阶段学习资源
3
CSS
核心技能点
Learn the basics
Making Layouts
Responsive Design
阶段学习资源
4
JavaScript
核心技能点
Learn the Basics
Learn DOM Manipulation
Fetch API / Ajax (XHR)
阶段学习资源
5
Version Control Systems
核心技能点
Git
阶段学习资源
6
VCS Hosting
核心技能点
GitHub
GitLab
Bitbucket
阶段学习资源
7
Pick a Framework
核心技能点
React
Vue.js
Angular
Svelte
Solid JS
Qwik
阶段学习资源
8
Package Managers
核心技能点
npm
pnpm
yarn
阶段学习资源
9
Writing CSS
阶段学习资源
10
css-frameworks
核心技能点
js-first
11
CSS Architecture
核心技能点
BEM
阶段学习资源
12
CSS Preprocessors
核心技能点
Sass
PostCSS
阶段学习资源
13
Build Tools
核心技能点
Module Bundlers
Linters and Formatters
阶段学习资源
14
Testing
核心技能点
Vitest
Jest
Playwright
Cypress
阶段学习资源
15
Authentication Strategies
阶段学习资源
16
Web Security Basics
核心技能点
CORS
HTTPS
Content Security Policy
OWASP Security Risks
阶段学习资源
17
Web Components
核心技能点
HTML Templates
Custom Elements
Shadow DOM
阶段学习资源
18
SSR
核心技能点
React
Angular
Vue.js
Svelte
阶段学习资源
19
Type Checkers
核心技能点
TypeScript
阶段学习资源
20
GraphQL
核心技能点
Apollo
Relay Modern
阶段学习资源
21
Static Site Generators
核心技能点
Vuepress
Astro
Next.js
Eleventy
Nuxt.js
阶段学习资源
22
PWAs
核心技能点
PRPL Pattern
RAIL Model
Performance Metrics
Using Lighthouse
Using DevTools
Storage
Web Sockets
Server Sent Events
还有 6 个技能点
阶段学习资源
23
Desktop Apps
核心技能点
Electron
Tauri
Flutter
阶段学习资源
24
Mobile Apps
核心技能点
React Native
Flutter
Ionic
阶段学习资源
职路APP - AI驱动的职业发展平台
个性化学习路径
基于AI算法生成专属的职业成长路径
职业测评
全面了解自己的职业兴趣和能力特长
智能简历
一键生成针对不同职位的专业简历
职位分析
深度解析职位要求，精准匹配能力