前端開發核心概念

作為習慣了後端開發的 Python 開發者，轉向前端開發需要理解根本不同的概念。本模組從後端開發者的角度介紹前端開發的核心概念。

理解客戶端-伺服器範式

後端 vs 前端開發

瀏覽器環境

理解瀏覽器作為執行時

HTML-CSS-JavaScript 三位一體

理解三層架構

事件驅動程式設計模型

從順序執行到事件驅動

客戶端狀態管理

在瀏覽器中管理應用程式狀態

響應式設計基礎

適應不同螢幕尺寸

總結和關鍵要點

前端開發對 Python 開發者來說代表了程式設計範式的根本轉變：

🔄 思維轉換

• 伺服器端 → 客戶端：從集中處理到分散式使用者介面
• 順序執行 → 事件驅動：從可預測流程到響應式程式設計
• 資料處理 → 使用者體驗：從演算法效率到使用者互動

🛠 技術基礎

• HTML-CSS-JavaScript 三位一體：結構、表現和行為的分離
• 瀏覽器環境：理解獨特的功能和約束
• 狀態管理：管理客戶端生命週期中的應用程式狀態

📱 現代前端特性

• 響應式設計：適應各種裝置和螢幕尺寸
• 互動式介面：建立引人入勝的使用者體驗
• 效能最佳化：客戶端效能考量

在下一個模組中，我們將深入探討 DOM 操作和事件處理，您將學習建立動態、互動式使用者介面，即時回應使用者操作。