基礎概念
這裡收錄了軟體開發的基礎概念，包括架構設計、API 設計原則、前後端分離等核心知識。
架構與設計
| 主題 | 說明 |
|---|---|
| 架構設計 | 軟體架構的核心概念 |
| MVC 模式 | Model-View-Controller 架構模式 |
| 設計模式總覽 | GoF 23 種設計模式分類與索引 |
| 框架概念 | 什麼是框架、為什麼需要框架 |
| 軟體工程 | 工程化開發的基本概念 |
前後端
| 主題 | 說明 |
|---|---|
| 前後端分離概論 | 為什麼要前後端分離 |
| 前後端分離演進史 | 從 MPA 到 SPA 的歷史 |
| 前後端架構 | 前後端通信架構設計 |
| 前後端資料傳遞 | 資料格式、序列化、DTO |
| 前端 MVP 設計 | 前端最小可行產品設計 |
| 後端 MVP 設計 | 後端最小可行產品設計 |
API & 通訊
| 主題 | 說明 |
|---|---|
| API 概念 | API 的基礎概念 |
| RESTful API | REST 風格 API 設計 |
| OpenAPI | API 文件與規格定義 |
| OAuth 指南 | OAuth 認證流程 |
| WebSocket | 即時雙向通訊 |
| 前端 API 呼叫方式 | fetch、axios 等方式比較 |
瀏覽器與前端
| 主題 | 說明 |
|---|---|
| 瀏覽器運作機制 | 渲染引擎、事件迴圈 |
| 瀏覽器請求流程 | 從 URL 輸入到頁面渲染 |
| HTML 結構 | HTML 文件結構與語義化 |
| DOM | Document Object Model |
| BOM | Browser Object Model |
| React Hooks | React Hooks 使用指南 |
| 為什麼需要打包工具 | Webpack、Vite 等打包工具的由來 |
工具與部署
面試準備
| 主題 | 說明 |
|---|---|
| 前端考題 | 前端面試常見題目整理 |
技術演進與新趨勢
| 主題 | 說明 |
|---|---|
| 技術演進史 | jQuery → 框架、Callback → async/await、REST → GraphQL 等演進脈絡 |
| TUI 設計一致性規範 | Terminal UI 的色彩系統、佈局模式、互動模式與元件標準 |