SYSTEM FOUNDATIONS · COURSE

從「程式碼是什麼」一路走到「Browser 如何拿到 API Response」。

這條課不先轟炸協定名詞。你會用同一張 Request Journey Map，每一課只增加一層：source/runtime → logic/debug → Browser → IP → DNS → port/transport → HTTP → client/server/API。

Prerequisites無

Core chapters01–32 + 25 Assessment

Cumulative artifactRequest Journey Map

Learning rhythm

DefinitionExecutionEvidenceMap LayerCheck

Modules

MODULE 1

Code & Runtime

網站部署全局、source/runtime/process、logic、debug。

01 Web Journey 02 Execution 03 Logic 04 Debug

MODULE 2

Browser

HTML → DOM、JavaScript runtime、event → state → render。

05 Browser HTML/JS

MODULE 3

Network Path

IP/router/NAT → DNS → port/TCP/UDP。

06 IP 07 DNS 08 Port/Transport

MODULE 4

Application Protocol

HTTP/HTTPS → client/server/API trust boundary。

09 HTTP 10 API

MODULE 5

Data / Identity / Async

JSON、database/SQL、authentication、async waiting。

11 Data/SQL 12 Auth 13 Async

MODULE 6

Version / Deploy / Case

Git/GitHub、CI/build/deploy，再以 end-to-end incident case 收束。

14 Git 15 Deploy 16 Case Study

MODULE 7

Browser / Runtime Practice

HTML DOM semantics、CSS resolution、JavaScript reference/async trace。

17 HTML Deep 18 CSS Deep 19 JS Deep

MODULE 8

Systems / Data / Security

Shell/process、SQL transaction、trust boundary/RLS。

20 Shell 21 Transactions 22 Security

MODULE 9

Evidence / Integration

Testing/CI、跨層 architecture incident，最後進 25 assessment。

23 Testing/CI 24 Architecture Case 25 Exam

MODULE 10

Engineering Bridge

Event loop、REST、Linux/Nginx、Git conflict、CI security、AI review、Capstone。

26 Event Loop 27 REST 28 Linux/Nginx 29 Git Conflict 30 CI Security 31 AI Review 32 Capstone

Request Journey Map grows with you

01local → GitHub → deploy → public site

02source → runtime → execution

05HTML → DOM → event

06–08IP → DNS → port/transport

09HTTP request/response

10client → API → server → render

11–13database → auth → async state

14–16Git → deploy → complete incident map

從第 01 課開始 Network Inspector Debug Incidents