C01 · Fundamentals 詳細 ROADMAP
計畫文件，不會被 Quartz 渲染。
回 foundations → ../index.md / 公開頁 → index.md
章節目標
跨領域的入門通識——Web 基礎、前後端分工、工程化、DOM / BOM、API、Container、Framework。讀完任何 backend/frontend 系列都不奇怪的前置知識。
跟其他系列分工：
🧠 知識型（現有 28 + 待補）
內容豐富但相對雜，按 theme 分群：
F-A Web 基礎
| # | 主題 | Slug | Stage |
|---|
| 01 | HTML Structure | 01-html-structure | 🌿 |
| 02 | DOM | 02-dom | 🌿 |
| 03 | BOM | 03-bom | 🌿 |
| 04 | Browser Mechanism | 04-browser-mechanism | 🌿 |
| 05 | Browser Request Flow | 05-browser-request-flow | 🌿 |
F-B API / 協議
| # | 主題 | Slug | Stage |
|---|
| 06 | API 概念 | 06-api | 🌿 |
| 07 | RESTful API | 07-restful-api | 🌿 |
| 08 | Swagger / OpenAPI | 08-swagger | 🌿 |
| 09 | Frontend API Methods | 09-frontend-api-methods | 🌿 |
| 10 | WebSocket | 10-websocket | 🌿 |
| 11 | OAuth 指南 | 11-oauth-guide | 🌿 |
| 12 | GraphQL 入門（新增） | graphql-intro | 🌱 |
| 13 | gRPC 入門（新增） | grpc-intro | 🌱 |
F-C 前後端分工
| # | 主題 | Slug | Stage |
|---|
| 14 | 前後端分離歷史 | 12-frontend-backend-separation-history | 🌿 |
| 15 | 前後端分離入門 | 13-frontend-backend-separation-intro | 🌿 |
| 16 | Frontend-Backend Architecture | 14-frontend-backend-architecture | 🌿 |
| 17 | Frontend-Backend Data | 15-frontend-backend-data | 🌿 |
| 18 | MVC | 16-mvc | 🌿 |
| 19 | Frontend MVP Design | 17-frontend-mvp-design | 🌿 |
| 20 | Backend MVP Design | 18-backend-mvp-design | 🌿 |
| 21 | CRUD | 19-crud | 🌿 |
F-D 工程化 & 工具
| # | 主題 | Slug | Stage |
|---|
| 22 | Engineering（工程化通論） | 20-engineering | 🌿 |
| 23 | Framework | 21-framework | 🌿 |
| 24 | React Hooks | 22-react-hooks | 🌿 |
| 25 | npm Commands | 23-npm-commands | 🌿 |
| 26 | Why Bundlers | 24-why-bundlers | 🌿 |
| 27 | Containerization | 25-containerization | 🌿 |
F-E 系統觀
| # | 主題 | Slug | Stage |
|---|
| 28 | Architecture 通論 | 26-architecture | 🌿 |
| 29 | TUI Design Standards（多集） | tui-design-standards/ | 🌿 |
| 30 | Technology Evolution（多集） | technology-evolution/ | 🌿 |
| 31 | Frontend Interview | 27-frontend-interview | 🌿 |
F-F Linux / CLI 基礎（新增）
每個 dev 都要會的 Linux 基礎——不是 infra 運維，是「工程師日常工作環境」的基礎能力。
| # | 主題 | Slug | Stage |
|---|
| 32 | Linux CLI 基礎（新增） | 32-linux-cli-basics | 🌱 |
| 33 | Shell scripting / Pipes / awk / sed（新增） | 33-shell-scripting-pipes | 🌱 |
| 34 | Filesystem / Process / Permissions（新增） | 34-linux-filesystem-process | 🌱 |
F-G Networking 通論（新增）
給寫 code 的人要懂的 network 基礎——不是 infra 層深入（那在 infra/network-edge/ I01），是應用開發者該理解的網路 fundamentals。
| # | 主題 | Slug | Stage |
|---|
| 35 | TCP/IP 基礎概念（新增） | 35-tcp-ip-basics | 🌱 |
| 36 | HTTP Request Lifecycle 深入（新增） | 36-http-request-lifecycle | 🌱 |
| 37 | DNS Recursion / Cache（新增） | 37-dns-recursion | 🌱 |
| 38 | TLS Handshake 深入（新增） | 38-tls-handshake | 🌱 |
| 39 | HTTP/2 vs HTTP/3 / QUIC 基礎 | 39-http-evolution | 🌱 |
| 40 | CORS 與跨域基礎 | 40-cors-basics | 🌱 |
F-H Concurrency / Async 基礎（新增）
async / await、Promise、event loop 這些 2020+ 無處不在的概念——不是 pattern 層（在 C03 F-E），是概念層。
| # | 主題 | Slug | Stage |
|---|
| 41 | Process / Thread / Coroutine 基礎（新增） | 41-process-thread-coroutine | 🌱 |
| 42 | Event Loop / Promise / async-await（新增） | 42-event-loop-async | 🌱 |
| 43 | Race Condition / Deadlock 基礎（新增） | 43-race-condition-deadlock | 🌱 |
💣 Anti-pattern
| # | 主題 | Slug | Stage |
|---|
| 44 | Fundamentals 誤解 | 44-fundamentals-antipatterns | 🌱 |
章節進度統計
- 知識主題：28 + 15 新增 + 1 補充 = 44 項
- 🌿 growing：28
- 🌱 seed：16
本章內容範圍變更（2026-04）：
- 新增 GraphQL / gRPC 入門（跟 I01 edge / I02 gateway 對接）
- 新增 HTTP 演進 / CORS 基礎（讓 infra 章節讀者有底）
- 新增 F-F Linux / CLI 基礎（3 題）— 工程師日常環境
- 新增 F-G Networking 通論（4 題深入 + HTTP/CORS）— 應用開發者視角
- 新增 F-H Concurrency / Async 基礎（3 題）— 概念層（pattern 層在 C03 F-E）
跨系列連結