基礎概念總索引
common/foundations/fundamentals/ 累積了 30+ 篇跨主題的入門概念。本索引按主題重新導航,讓你知道每篇文章該從哪個 roadmap 閱讀。
🔴 注意:本目錄歷史包袱大,主題混合。新增入門文章前先判斷是不是該去專屬目錄(frontend / backend / system-design 等),再來 fundamentals。
主題導航
前端相關 → 主 Roadmap: Frontend Roadmap
| 文章 | 對應 F 章 |
|---|---|
| HTML 結構 | F01 HTML |
| DOM | F04 瀏覽器 API |
| BOM | F04 瀏覽器 API |
| 瀏覽器機制 | F04 瀏覽器 API |
| Browser Request Flow | F04 瀏覽器 API |
| React Hooks | F06 React |
| 為什麼要 Bundler | F12 建置工具 |
| npm 常用指令 | F12 建置工具 |
| Frontend API Methods | F09 API |
| Frontend MVP Design | F05 無框架建站(概念) |
| Frontend Interview | 面試題準備 |
後端相關 → 主 Roadmap: Backend Roadmap
| 文章 | 對應 B 章 |
|---|---|
| API 基礎 | B09 API |
| RESTful | B09 API |
| Swagger | B09 API |
| WebSocket | F04 / B02 |
| CRUD | B05 語言特定 |
| OAuth | B10 認證 |
| Backend MVP Design | 架構入門 |
| GraphQL 入門 | B09 API |
| gRPC 入門 | B09 API |
架構/系統概念 → 主 Roadmap: System Design
| 文章 | 備註 |
|---|---|
| 軟體架構 | 架構概述 |
| MVC | → 未來連到 common/foundations/architecture-patterns/ |
| Framework | Framework 概念 |
| 容器化 | → B18 部署 |
| 工程化 | 概念 |
前後端分離歷史(系列)
歷史脈絡與架構演進:
Linux / CLI 基礎(F-F)
每個 dev 日常會碰到的 Linux 環境能力——不是 infra 運維,是工程師工作環境的底層語言。
| 文章 | 重點 |
|---|---|
| Linux CLI 基礎 | dev 最常用 20 個指令、絕對 vs 相對路徑、tab completion |
| Pipes | stdin/stdout/stderr、pipe 組合、sed 替換、awk 欄位處理 |
| Permissions | /etc /var /tmp 結構、ps/kill 信號、chmod 644/755/600 語義 |
Networking 通論(F-G)
應用開發者需要懂的網路基礎——不是 infra 深入(那在 infra/network-edge/),是「碰到網路問題知道從哪層查起」的通識。
| 文章 | 重點 |
|---|---|
| IP 基礎概念 | OSI 7 層 vs TCP/IP 4 層、3-way handshake、TCP vs UDP |
| HTTP Request Lifecycle | 輸入 URL 到渲染的 9 個步驟,每步可能的失敗點 |
| Cache | DNS 階層、TTL propagation、為什麼改 DNS 不是「立刻生效」 |
| TLS Handshake | 憑證鏈、cipher suite、Forward Secrecy via ECDHE |
| QUIC | 每代解了什麼問題:HOL blocking → multiplexing → QUIC |
| CORS 與跨域基礎 | same-origin policy、preflight OPTIONS、常見 gotcha |
Concurrency / Async 概念(F-H)
async/await、Event Loop、Race Condition——概念層。Pattern 層(Thread Pool、Reactor)在 common/foundations/design-pattern/。
| 文章 | 重點 |
|---|---|
| Coroutine | 三者記憶體模型、context switch 成本、選型比較表 |
| async-await | microtask/macrotask 執行順序、async/await 是 Promise 語法糖 |
| Deadlock 基礎 | 銀行轉帳 race condition、Coffman 4 條件、jstack / Go race detector |
Anti-pattern
| 文章 | 重點 |
|---|---|
| Fundamentals 常見誤解 | DOM ≠ HTML、RESTful ≠ HTTP、async ≠ multi-thread、chmod 777、DNS TTL、OAuth ≠ 登入方式 |
新增文章歸家判斷
若你要在 fundamentals/ 新增一篇文章,先對照「目錄軸規則」問:
- 是不是已經有專屬目錄?(frontend/ backend/ database/ seo/ 等)→ 放專屬目錄
- 是不是跨多個主題的入門共通概念?→ fundamentals/
- 否則按
shared/quartz-blog-architecture的歸家順序重新判斷
策展地圖
進度統計
- 檔案數:44+(含 F-F/F-G/F-H 新增)
- 狀態:已完整補齊,按主題重新導航
- 長期目標:新內容不再進 fundamentals,現有檔案保留(URL 穩定)