---
tags: Vue 直播班 - 2023 秋季班
---

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

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

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

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

#### 第一週 課前（12/29 前）：

- 課前章節 - JS 必備觀念
- JS 必備觀念 - 課後測驗
- 課前影音 - 關注點分離
- 快速入門 Vue.js：商品後台管理介面
- 指令語法全介紹｜操作畫面超容易

#### 第二週 課前（2024/1/5 前）：

- 課程 API 串接說明
- GitHub Pages 使用說明

#### 第三週 課前（2024/1/12 前）：

- Options API：方法、運算、監聽、生命週期

#### 第四週 課前（2024/1/19 前）：

- 元件
- 進階 API
- Vite（由於環境複雜，建議提前嘗試）

#### 第五週 課前（2024/1/26 前）：

- 從頭開始 - Pinia 製作一個購物車

#### 第六週 課前（2024/2/2 前）：

- Vue Router

#### 加值課程（非必修）：

- Composition API
- 網站動態特效

---

### 如果你打算規劃專題...

> 課程分為三種方式完成最終作品，分別為：「最終作業」、「單人專題」、「團隊專題」。
> 最終作業：只要按照課程主線，最後都會引導你完成屬於個人的 Vue 作品
> 單人專題：自行規劃專題，並與教練進行討論完成最終作品
> 團隊專題：與夥伴們共同討論，並與教練進行討論以及配合團隊進度完成最終作品

> 上述中，如果欲選擇「單人專題」、「團隊專題」，建議參考下列章節影片。

- 專題作品班 - 關卡一：發想主題
- 主線電商專題 - 發想範圍介紹 ⇒ 適合使用課程 API
- 如何發想自己想做的專題 ⇒ 適合自訂 API（團隊限定）
- 網站前後台介紹
- 專題作品班 - 關卡 2 - 使用者故事 (user story)、網站地圖(Sitemap)
- whimsical 繪圖軟體教學 & 常見退件原因
- 首頁設計六大功略指南 - 設計面試官也喜歡的網站動線