CLASSROOM / SYSTEM FOUNDATIONS
一個網站到底怎麼運作？
How Does a Website Actually Work?
從你輸入網址開始，一路理解 Frontend、Backend、API、Database、Cloud 與 AI。
概念地圖 · 不把所有產品硬塞進同一種架構User↓Internet↓Frontend↓Backend↓API↓Database↓Cloud↓AI Integration
THE QUESTION
從你輸入網址的那一刻，發生了什麼？
這是一張概念地圖，不把所有產品都硬塞進同一種架構；每一課只負責說清楚一個系統位置與一個可練習的判斷。
LEARNING PROMISE看懂位置
才能判斷邊界。
才能判斷邊界。
COURSE ROADMAP
七個節點，拼回一個系統
User→Internet→Frontend→Backend→API→Database→Cloud→AI Integration
- 01InternetThe network that carries the request↗
從輸入網址開始，理解瀏覽器如何找到服務並把請求送出去。
- 02FrontendThe interface people can see↗
理解瀏覽器裡的畫面、元件與互動，如何把資料變成可使用的體驗。
- 03BackendThe logic behind the interface↗
看懂介面背後的處理、驗證與權限概念，並分清楚教學架構與本專案現況。
- 04APIA contract between systems↗
用 request / response 看懂系統如何互相溝通，而不是先陷入語法。
- 05DatabaseStructured memory for a system↗
理解持續保存、查詢與管理資料的地方，以及它和靜態檔案的差別。
- 06CloudRemote infrastructure that makes it available↗
從部署與託管理解 Cloud，不把它簡化成單一 Server 或一個品牌。
- 07AI in the SystemA capability layer, not the whole application↗
把 AI 放回系統脈絡：它可以生成、分析、教學與自動化，但仍需要邊界與人類判斷。