階段 | 主題 | 關鍵概念 |
---|---|---|
基礎認識 | 前端、後端、資料庫、API、安全性、測試 | 理解整體構成與角色分工 |
架構實作 | HTML 結構、進階語法、組件應用 | 動手建立內容骨架 |
網路層理解 | HTTP/HTTPS、Cookie/Session、資料流 | |
工具應用 | Wireshark、ntopng、開發者工具 | 實際觀察網頁與封包運作 |
設計與部署 | UI 流程、伺服器分類 | 了解從設計到上線的流程 |
首先,我們需要理解整體架構(Architecture Thinking),而不只是學語法,是要懂「資料如何流動」、「瀏覽器如何工作」。
想辦法具備從無到有建立專案(Implementation Ability),就是從 HTML → API → 測試 → 部署,完整走過開發流程。
持續學習與觀察(Continuous Learning),因為 Web 技術變化快,要懂得查文件、跟著新技術不斷更新。
這一段可以用條列或小節標題方式列出「學完這系列後可以接著學什麼」:
**前端延伸:**CSS、JavaScript、React/Vue
**後端延伸:**Node.js、Express、Python Flask
**雲端與部署:**Docker、Vercel、CI/CD、自動化流程
**安全與效能優化:**CSP、OWASP、Lighthouse
**工具與協作:**Git、GitHub、VS Code、API 測試工具(Postman)