前端（Frontend）是網站或應用程式中，使用者可以直接看到和互動的部分，像餐廳裡的用餐區和服務生。在最早期的前端開發中，前端工程師用 HTML 設計網頁結構、CSS 美化外觀樣式、JavaScript 增加互動功能，讓使用者能夠點擊按鈕、填寫表單、瀏覽內容。所有在瀏覽器中呈現的視覺效果、動畫、響應式設計（RWD）都屬於前端的範疇。前端的目標是創造良好的使用者體驗（UX），並確保網站在不同裝置上都能正常顯示和操作。
後端（Backend）是在伺服器運行的程式，就像餐廳的廚房，負責處理資料和業務邏輯。後端工程師使用各種程式語言和技術（如 Python、Java）來建立 API、管理資料庫、處理使用者註冊登入、計算複雜邏輯等。使用者看不到後端運作，但所有的資料儲存、安全驗證、系統運算都在後端進行。後端確保資料的安全性、系統的穩定性和處理效能。
<aside> 📌
軟體伺服器（Software Server）
這是一個運行在硬體伺服器上的軟體應用程序。這些軟體負責處理使用者端請求，例如網頁、資料庫查詢等。更多資料請見 Some Pre-knowledge
</aside>
<aside> 📌
API（Application Programming Interface，資料交換介面）
API 就像餐廳的菜單，定義了你可以點什麼菜（發送什麼請求）、怎麼點菜（請求格式）、會得到什麼（回應內容）。例如後端在建 API 就是定義好當有人訪問某個路徑時要執行什麼程式。
</aside>
前端與後端透過 API 交換資料，通常使用 HTTP Requests（請求，例如 GET、POST）。前端發送請求給後端，後端處理後回傳 JSON 或其他格式的資料（Responses），前端再將資料渲染到畫面上。這種分工讓介面與邏輯分離，方便開發與維護，也讓前端與後端團隊可以並行工作。就像服務生將客人點餐單送到廚房，廚房準備好後再將餐點送回給客人。
<aside> 📌
HTTP（HyperText Transfer Protocol，超文本傳輸通訊協定）
瀏覽器「通常」使用 http/https 協定與 Web 伺服器進行溝通。HTTP 協定中有定義如何請求和傳送網頁資料，包含 GET、POST、PUT、DELETE 等方法。
</aside>
<aside> 📌
JSON（JavaScript Object Notation）
是一種輕量級的資料交換格式，使用類似 JavaScript 物件的語法來儲存和傳輸資料，易於人類閱讀和程式解析。
</aside>
現在已經知道，前端負責處理網頁上看得到的所有視覺效果。而要實作這些效果，三大核心的技術是 HTML（結構）、CSS（樣式）、JavaScript（行為）。