前端：介面、互動與使用者體驗

透視真實頁面認識標籤、屬性與 class／id 接點，動手拼出一筆搜尋結果，最後升到實務的思考單位：元件。

從盒子模型、顏色寫法到三種排版方式，看懂 CSS 怎麼管畫面，最後學會用對的詞彙跟 AI 描述版面。

切裝置看 RWD 怎麼重排、在灰階下猜股票漲跌、拉下簾幕用聽的發文，三個親身體驗學會驗收介面的無障礙。

沒有 JavaScript 網頁只是一張海報：在真 App 上認出它做的三件大事，重畫畫面、接住你的動作、跟後端拿資料。

點擊、打字、捲動都是「事件」，親手體驗同一顆按鈕「沒人聽」和「有人聽」差在哪。

購物車數字、深色模式開關，背後都是一份叫 state 的記憶：state 一變，畫面跟著變。

畫面內容不是寫死的：fetch 跟後端要資料、非同步讓畫面不卡住，再認識正常、載入中、空的、出錯四種等待畫面。

深色模式還在、帳號還登著，靠的是 localStorage 和 Cookie／Session：搞懂各存什麼、哪些絕對不該存。

一次學會 DevTools：打開它、用 Elements 看結構當場改、用 Console 讀懂訊息與錯誤。