前端開發不僅止於排版與設計，更重要的是與後端溝通、取得資料並呈現給使用者。這堂課將教你如何在前端呼叫後端 API，並將回傳的 JSON 資料轉換成動態網頁內容，讓網站不再只是靜態頁面，而是具備真實互動能力的應用程式。

我們將從 HTML/CSS/JavaScript 的基礎開始複習，接著使用 fetch 與 axios 發送 HTTP 請求，並以 React 為例介紹如何整合 API。你將建立出一個能夠從後端抓資料、顯示清單、處理新增/刪除動作的互動式網頁介面。

📌 本堂課的學習目標：

✅ 複習基本的 HTML/CSS/JavaScript 語法

✅ 建立前端專案架構，理解頁面組成方式

✅ 使用 fetch / axios 呼叫 RESTful API

✅ 將後端回傳的資料轉換為畫面元件

✅ 設計使用者互動流程（新增、刪除、重新載入）

🔹 課程內容：

前端基礎複習： DOM 操作、事件綁定、資料渲染邏輯

前端框架簡介： React 概念與元件式設計（可選 Vue）

API 整合實作： 使用 fetch 或 axios 與後端互動

資料渲染與狀態處理： 顯示 API 回傳的資料，處理請求狀態

動態操作： 實作新增留言、刪除留言的功能，串接資料庫內容