前端 Frontend

使用者看得到、點得到的介面與互動。

先用一句話理解

使用者看得到、點得到的介面與互動。

打個比方

像店面的門面、菜單與櫃台。

什麼時候會遇到

只要做網站、App、後台、表單或 Dashboard，就一定會有前端。

再往深一點看

前端是使用者實際接觸的那一層：瀏覽器裡看到的版面、點下去的按鈕、填寫的表單、載入中的轉圈，都是前端的責任。它不只是把畫面畫出來，還要管理畫面的「狀態」（state，例如表單填到一半、清單正在載入），並決定資料什麼時候向後端要、要到了怎麼呈現。前端做得好不好，使用者第一眼就會感覺到——慢、跳動、手機上爆版，都會直接趕走使用者。

舉個例子

你做一個預約表單：使用者在前端填好姓名與時段、按下送出，前端先即時檢查欄位有沒有漏填，再把資料送到後端 API 存進資料庫，成功後在畫面顯示「預約成功」。整段看得到、點得到的流程都是前端。

常見誤解

- 以為前端只是「畫面好看」，忽略載入中、錯誤、空資料等狀態，一遇到網路慢或輸入錯誤就壞掉。
- 只在自己的寬螢幕筆電測試，沒測手機與小螢幕，上線後在手機上版面整個跑掉。
- 把該由後端把關的事（價格、權限）只在前端隱藏或檢查，使用者繞過前端就能竄改。