[👍 - 推荐]：个人推荐 / 建议必选。

[🔄 - 备选]：备选方案。

[📚 - 了解]：学习了解。

互联网基础 （Internet）

👍互联网是如何工作的

👍什么是 HTTP

👍什么是域名

👍什么是服务器

👍DNS 及其工作原理

👍浏览器及其工作原理

HTML

👍了解基础知识

👍编写语义 HTML

👍表单和验证

👍无障碍性

📚SEO基础知识

CSS

👍了解基础知识

👍创建和设计布局

👍响应式设计

JavaScript

👍了解基础知识

👍学习 DOM 操作

👍Fetch API / Ajax (XHR)

版本控制

👍Git

👍GitHub

🔄GitLab

🔄Bitbucket

包管理器

👍npm

🔄Yarn

🔄pnpm

选择框架

👍React

👍Vue

🔄Angular

🔄Svelte

🔄Solid JS

🔄Qwik

CSS 框架

👍Tailwind

CSS 架构

📚BEM

CSS 预处理器

📚Sass

📚PostCSS

语法检查器和格式化程序

👍ESLint

👍Prettier

构建工具

👍Vite

👍esbuild

🔄Webpack

🔄SWC

🔄Rollup

🔄Parcel

测试

👍Vitest

👍Playwright

🔄Jest

🔄Cypress

认证策略

📚OAuth

📚JWT

📚SSO

📚Basic Auth

📚Session Auth

网络安全基础知识

👍CORS

👍HTTPS

👍Content Security Policy

👍OWASP Security Risks

Web 组件

📚HTML Templates

📚Custom Elements

📚Shadow DOM

类型检查

👍TypeScript

服务器端渲染 SSR

👍React Next.js

👍React Astro

🔄React react-router

🔄Vue Nuxt.js

🔄Angular

🔄Svelte Kit

GraphQL

👍Apollo

🔄Relay Modern

PWAs

📚测试与改进性能

PRPL Pattern

RAIL Model

Performance Metrics

Using Lighthouse

Using DevTools

📚Borwser APIs

Storage

Web Sockets

Server Sent Events

Server Workers

Location

Notifications

Device Orientation

Payments

Credentials

静态站点生成器

👍Astro

🔄Next.js

🔄Vuepress

🔄Eleventy

🔄Nuxt.js

移动应用程序

👍React Native

🔄Flutter

🔄Ionic

桌面应用程序

👍Electron

👍Tauri

🔄Flutter