免費 · 繁體中文 · Vibe Coding 必備

把網頁開發術語
從「入門」學到「專業」

Vibe Coding 玩網頁,先把名詞搞懂。看不懂 AI 在說什麼?這裡是你開始前該先認識的詞彙。

9 大分類、100+ 術語、搜尋功能,讓前端工程師、設計師、PM、開發者快速查閱與溝通無誤。

🔤

9 大分類

版面 / 導覽 / 呈現 / 表單 / 回饋 / 分析 / 安全 / 後端 / 系統

📚

100+ 術語

精選網頁開發關鍵詞彙,每項含英文與詳細說明。

🔍

快速搜尋

支援中文 / 英文搜尋,即時過濾術語。

關於本站

為什麼需要這份詞彙表?

前端、設計、產品、行銷等不同角色在溝通 UI 元件和開發概念時,容易因為用詞不同而產生誤會。

  • 版面結構 — Header、Sidebar、Main Content 等佈局組成
  • 導覽元件 — Breadcrumb、Tabs、Stepper 等使用者引導
  • 呈現元件 — Card、Table、Timeline 等資料展示
  • 表單元件 — Input、Checkbox、Slider 等輸入控制
  • 回饋互動 — Toast、Alert、Modal 等系統反應
  • 分析追蹤 — PV、UV、轉換率等數據術語
  • 安全權限 — JWT、OAuth、CSRF 等認證授權
  • 資料後端 — API、ORM、Cache 等伺服器技術
  • 系統功能 — CI/CD、Docker、負載均衡等運維概念

9 大分類

由淺入深,點進任一分類查看術語;想一次看完全部見 術語對照表 →
第 1 類
版面結構
基礎

後台管理系統各區塊的標準命名與佈局架構

10 術語 →
第 2 類
導覽元件
導覽

引導使用者在頁面間移動的互動元件

8 術語 →
第 3 類
呈現元件
展示

展示資料與內容的視覺元件

15 術語 →
第 4 類
表單元件
表單

接受使用者輸入資料的互動元件

12 術語 →
第 5 類
回饋互動
反饋

系統操作後的視覺回饋與確認機制

9 術語 →
第 6 類
分析追蹤
分析

網站數據分析與用戶行為追蹤常用詞彙

20 術語 →
第 7 類
安全權限
安全

身份驗證與授權術語

15 術語 →
第 8 類
資料後端
後端

API 與資料庫架構術語

19 術語 →
第 9 類
系統功能
系統

通知、部署、監控等術語

23 術語 →