LANGUAGE COURSE · JAVASCRIPT

JavaScript：從資料與控制流程，到 Browser 與非同步系統。

這條課不是要你記住最多 JavaScript API，而是建立可遷移的 execution mental model。你會一路做同一個 Grade Tracker，最後能自己解釋 state、function、DOM、event、Promise、module 與 runtime error。

PrerequisitesHTML/CSS 基礎即可

Core chapters36–43 + 57–61

Cumulative projectGrade Tracker Web App

Course rhythm

LectureWorked ExampleInline LabExerciseProjectReview

單一概念先做小型可觀察練習；跨概念時才進 Workshop / Challenge。不是每學一個語法就開新專案。

MODULE 1

value、type、operator、branch、loop、function、scope、array/object。先學會 trace，而不是只會寫。

MODULE 2

把 JavaScript state 接到 DOM / event，再理解 async API 與 module boundary。

MODULE 3

常用 data transform、JSON/storage、class/object model；把基礎語法變成日常開發能力。

MODULE 4

callbacks、closure、Map/Set、RegExp、time、prototype/this、functional patterns、async cancellation。

MODULE 5

event loop、data structures、complexity、recursion、memory。把語言行為連到更底層 execution model。

36建立資料與型別

37及格 / 等第規則

38批次統計

39封裝 function

40array of objects data model

41form + event + render

42async API loading

43拆 module + error handling