# 直播班，預習課程觀看順序

影音課程連結：https://courses.hexschool.com/courses/enrolled/2795742

### 每週 “課前” 建議掌握進度

> 許多知識很難透過一次性學習就能理解，因此提前釋出預習課程讓同學能夠提前學習，如果時間有限建議可以參考以下的說明進行掌握。
時間允許的情況下，可在 12/26 第一次上課前學習至第三週進度

#### 第一週：重新打造 JavaScript 思維，從拆解認識設計模式

- 課前影音 - 關注點分離
- 環境建置（可以先看到 “在 Vite React 中，加入 Sass”，後續再陸續補齊）
- 認識 React
- JavaScript 必學觀念

#### 第二週：RESTful API 串接

- API 概念及申請說明

#### 第三週：開始熟練 React.js、第四週：元件化

- React 元件基礎
- React hooks

#### 第五週：Vite、React Router

- 環境建置（完整看完）
- Router

#### 第六週：進階語法介紹

- React 表單開發
- React hooks 進階

有時間可以練習：
- Create React App 整合製作簡易購物車（本課程是以 Vite 為主，不過本章節的實作與 Vite 環境差異不大）

#### 第七週：Redux 與 Redux Toolkit

- Redux Toolkit