第 25 課：事件處理
事件（Event）是使用者或瀏覽器執行的動作，如點擊、輸入、載入等。
阅读文章 →第 26 課：表單驗證
範例：examples/lesson-26/example-01-validation.html
阅读文章 →第 28 課：ES6+ 新特性
範例：examples/lesson-28/example-01-es6.html
阅读文章 →第 29 課：本地儲存和 API
範例：examples/lesson-29/example-01-storage.html
阅读文章 →第 30 課：整合實戰專題
整合以下技術： HTML5 語義化標籤 CSS Flexbox/Grid 布局 JavaScript DOM 操作 事件處理 localStorage 儲存 表單驗證
阅读文章 →第 31 課：網頁無障礙（Web Accessibility, a11y）
本課把前面 30 課學過的 HTML、CSS、JavaScript 重新檢視一次：同樣的功能，怎麼寫才能讓用鍵盤、螢幕閱讀器、放大鏡、語音控制的使用者都能使用。
阅读文章 →React.js 完整教材
本教材涵蓋 React.js 從入門到進階的所有核心概念，包含大量範例程式碼與詳細說明。
阅读文章 →Lesson 01：React 簡介與環境建置
React 是由 Facebook（現 Meta）開發的 JavaScript UI 函式庫，用於建構使用者介面。
阅读文章 →Lesson 02：JSX 語法
JSX（JavaScript XML）是 React 使用的語法擴展，讓你可以在 JavaScript 中撰寫類似 HTML 的程式碼。
阅读文章 →Lesson 03：元件 (Components)
元件是 React 的核心概念，將 UI 拆成獨立、可複用的積木。
阅读文章 →Lesson 04：Props 屬性傳遞
Props（Properties）是父元件傳遞資料給子元件的機制，類似 HTML 標籤的屬性。
阅读文章 →Lesson 05：State 與 useState
State 是元件內部的「記憶」，用來儲存會隨時間改變的資料。當 state 改變時，React 會自動重新渲染元件。
阅读文章 →Lesson 06：事件處理 (Event Handling)
React 使用合成事件 (Synthetic Events)，提供跨瀏覽器一致的事件 API。
阅读文章 →Lesson 07：條件渲染 (Conditional Rendering)
根據不同的狀態或條件，顯示不同的 UI。
阅读文章 →Lesson 08：列表與鍵值 (Lists & Keys)
使用 JavaScript 的 map() 方法將陣列資料轉換為 JSX 元素。
阅读文章 →Lesson 10：useEffect 與副作用
副作用是指在渲染過程之外發生的操作，例如：
阅读文章 →Lesson 11：useRef
useRef 回傳一個可變的 ref 物件，其 .current 屬性在整個元件生命週期中保持不變。
阅读文章 →Lesson 12：useContext 與 Context API
當深層巢狀的元件需要上層的資料時，一層一層傳 props 非常冗餘：
阅读文章 →React Router 專案說明
此專案需要安裝 react-router-dom：
阅读文章 →Lesson 16：效能優化
重點：父元件重新渲染時，所有子元件也會重新渲染，即使它們的 props 沒有改變。
阅读文章 →Lesson 17：錯誤邊界 (Error Boundaries)
錯誤邊界是一種 React 元件，可以捕獲子元件樹中的 JavaScript 錯誤，顯示降級 UI，而不是讓整個應用崩潰。
阅读文章 →Redux Toolkit 專案說明
此專案需要安裝 Redux Toolkit 和 React-Redux：
阅读文章 →Lesson 20：進階設計模式
HOC 是一個函式，接收一個元件並回傳一個增強後的新元件。
阅读文章 →Lesson 21：測試與最佳實踐
[ ] 元件是否遵守單一職責？ [ ] State 是否放在最近的共同父元件？ [ ] 是否有可以提取的自訂 Hook？ [ ] key 是否使用了唯一且穩定的值？ [ ] useEffect 的依賴陣列是否完整？ [ ] useEffect 是否有必要的清除函式？ [ ] 是否避免了在渲染中直接產生副作用？ [ ] 錯誤處理是否完善？ [ ] 是否有適當的載入狀態？
阅读文章 →