Appearance
1
Internet 基础
理解互联网的工作原理
互联网是如何工作的
什么是 HTTP
域名与 DNS
什么是托管
浏览器工作原理
2
HTML
网页结构的基础
HTML 基础
表单与验证
SEO 基础
最佳实践
3
CSS
样式与布局
CSS 基础
布局
响应式设计
CSS 预处理器
CSS 框架
CSS-in-JS
4
JavaScript 基础
编程语言核心
语法与基础
函数与作用域
对象与原型
ES6+ 特性
异步编程
DOM 操作
Fetch API / Ajax
5
版本控制
代码版本管理
Git 基础
GitHub
GitLab
6
包管理器
依赖管理工具
npm
yarn
pnpm
Bun
7
前端框架
现代化前端开发
React
Vue.js
Angular
Svelte
Solid.js
8
TypeScript
类型安全的 JavaScript
TypeScript 基础
高级类型
配置与最佳实践
9
构建工具
模块打包与构建
Vite
esbuild
Rollup
Webpack
Turbopack
10
代码质量
Linters 与 Formatters
ESLint
Prettier
Biome
Husky & lint-staged
11
测试
保证代码质量
Vitest
Jest
Testing Library
Playwright
Cypress
12
状态管理
应用状态管理
Redux / Redux Toolkit
Zustand
MobX
Pinia
Jotai / Recoil
13
React 生态
React 全栈框架
Next.js
Remix
React Router
TanStack Query
14
Vue 生态
Vue 全栈框架
Nuxt.js
Vue Router
VueUse
15
SSR 与 SSG
渲染策略
服务端渲染 (SSR)
静态站点生成 (SSG)
增量静态再生 (ISR)
Astro
16
Web APIs
现代浏览器 API
Storage APIs
Web Workers
Service Workers
WebSocket
Canvas / WebGL
Geolocation
17
Web 安全
安全最佳实践
HTTPS
CORS
CSP
OWASP Top 10
18
认证授权
身份验证策略
JWT
OAuth 2.0
Session & Cookies
NextAuth.js
19
性能优化
提升用户体验
Core Web Vitals
Lighthouse
DevTools 使用
代码分割
图片优化
Cache 策略
20
可访问性
Web 可访问性 (A11y)
ARIA
键盘导航
屏幕阅读器
WCAG 标准
21
UI 组件库
组件库与设计系统
Ant Design
Material UI
Chakra UI
shadcn/ui
Headless UI
22
部署
应用部署平台
Vercel
Netlify
Cloudflare Pages
GitHub Pages
Railway / Render
Docker
23
CI/CD
持续集成与部署
GitHub Actions
GitLab CI
Jenkins
24
移动端开发
跨平台移动应用
React Native
Expo
Ionic
Flutter
25
桌面应用
跨平台桌面应用