前端 vs 後端：誰負責什麼？

你跟工程師開會，聽到「這個前端處理」「那個要後端改」「API 接口要調一下」——到底誰是前端、誰是後端？他們各自負責什麼？

情境：PM 收到一張需求單

行銷部門希望在商品頁加一個「限時優惠倒數計時器」。PM 拿到需求後問：「這是前端的事還是後端的事？」

答案是：兩邊都要做。 前端負責畫面上的倒數動畫，後端負責告訴前端「這個優惠什麼時候結束」。

前端（Frontend）：使用者看到的一切

前端就是「使用者直接互動的那一面」。打開電商網站，你看到的商品圖片、排版、按鈕、購物車圖示——這些都是前端。

前端三大技術：

後端（Backend）：看不見但不能沒有

後端就是「藏在伺服器裡，處理邏輯和資料的那一面」。使用者看不到，但沒有它一切都不會動。

後端負責的事：

API：前端和後端的溝通橋樑

API（Application Programming Interface）是前端和後端講話的方式。前端發送請求給 API，後端透過 API 回傳資料。

把它想成餐廳：前端是客人、API 是服務生、後端是廚房。客人跟服務生點菜，服務生告訴廚房，廚房做好了再透過服務生端給客人。

一張圖看懂前後端分工

使用者 ←→ 前端（瀏覽器） ←→ API ←→ 後端（伺服器） ←→ 資料庫
         看得到的畫面         橋樑      看不到的邏輯        存資料

本課重點

• 前端：使用者看到、碰到的一切（HTML + CSS + JavaScript）
• 後端：藏在伺服器裡處理邏輯和資料的程式
• API：前端和後端之間溝通的橋樑
• 大部分功能都需要前後端合作，不是單方面的事

AI 協作：學了這個，跟 AI 怎麼配合？

懂前後端分工，你就能精確描述需求，讓 AI 幫你拆解一個功能該由誰來做。

你的人類優勢：

• 你理解業務需求的全貌，知道使用者要什麼體驗
• 你能判斷一個需求的優先順序和商業價值

可以這樣跟 AI 說：

我想在電商網站加一個「最近瀏覽商品」功能，請幫我分析哪些部分是前端做、哪些是後端做、API 要傳什麼資料。

練習題