基礎技術

1. HTML5

   • 語義化標簽
   • 本地存儲（localStorage, sessionStorage）
   • 離線存儲（Application Cache）
   • Web Workers
   • WebSockets

2. CSS3

   • Flexbox
   • Grid
   • 媒體查詢
   • 預處理器（Sass, LESS）
   • CSS Modules
   • CSS-in-JS（Styled Components, Emotion）

3. JavaScript

   • ES6+ 新特性（let/const, arrow functions, classes, modules）
   • 異步編程（Promises, async/await）
   • DOM 操作
   • Fetch API

前端框架和庫

1. React

   • React Router
   • Redux, MobX
   • Next.js

2. Vue.js

   • Vue Router
   • Vuex, Pinia
   • Nuxt.js

3. Angular

   • Angular Router
   • NgRx

4. Svelte

   • SvelteKit

5. 其他框架

   • jQuery
   • Ember.js
   • Backbone.js

構建工具和任務運行器

1. Webpack
2. Parcel
3. Rollup
4. Vite
5. Gulp
6. Grunt

包管理工具

1. npm
2. Yarn
3. pnpm

代碼質量和測試

1. Linting

   • ESLint
   • Stylelint

2. 單元測試

   • Jest
   • Mocha
   • Jasmine
   • AVA

3. 端到端測試

   • Cypress
   • Selenium
   • Puppeteer

4. 靜態類型檢查

   • TypeScript
   • Flow

版本控制和協作

1. Git

   • GitHub
   • GitLab
   • Bitbucket

2. 版本控制工具

   • Sourcetree
   • GitKraken

UI 組件庫

1. Material-UI
2. Ant Design
3. Bootstrap
4. Tailwind CSS
5. Bulma
6. Semantic UI

狀態管理

1. Redux
2. MobX
3. Vuex
4. Recoil
5. Zustand

圖表和數據可視化

1. D3.js
2. Chart.js
3. ECharts
4. Highcharts
5. Three.js (3D 圖形)

網絡請求

1. Axios
2. Fetch API
3. GraphQL
   • Apollo Client
   • Relay

靜態站點生成器

1. Gatsby
2. Next.js
3. Nuxt.js
4. Hugo
5. Jekyll

性能優化

1. Lighthouse
2. Webpack Bundle Analyzer
3. Code splitting
4. Lazy loading

開發工具和環境

1. Visual Studio Code
2. Sublime Text
3. WebStorm
4. Browser DevTools

API 和后端交互

1. REST
2. GraphQL

新興技術

1. WebAssembly
2. WebGPU
3. Progressive Web Apps (PWA)
4. Service Workers

自動化和持續集成

1. Jenkins
2. Travis CI
3. CircleCI
4. GitHub Actions

文檔和樣式指南

1. Storybook
2. Styleguidist
3. Docz