---
tags: Vue 直播班 - 2021 夏季班
---

# 第八堂：總複習及實戰演示

報到碼：0RN7IHtcjIDe

## 最終挑戰說明

目標完成範例：https://works.hexschool.io/#/

- [最終任務](https://rpg.hexschool.com/training/18/task?type=detail&id=186)

#### 作業繳交說明

- 所有繳交期限 7/25
- **最終延長繳交條件**：7/25 前完整繳交，可再延長至 8/21

#### 重要時間點

- 7/2 加碼第九週 -> 同學可準備問題在線發問，老師也會準備額外主題與大家分享
- 7/9 在線助教服務至 7/9 (請把握時間，趕快在 7/9 將作業製作至一定程度)
- 7/9 菁英班關鍵門檻週
- 7/16 菁英班 - 雙向綁定機制
- 7/23 菁英班 - Composition API
- 7/23 作品發表會報名
- 7/24 下午兩點：作品發表會
- 7/25 作業繳交期限
- 7/30 菁英班 - 常見前端 Vue.js 面試題解析 - Kuro 7/30
- 求職輔導，完成作品後隨時

## 獎勵

[獎品發送門檻與規則](https://rpg.hexschool.com/training/18/show?embedhm=DHmbgIruQsC5k1SgHvbEZw)

## 課程問卷

感謝同學們這段時間的參與，相信各位在這段時間也有很大幅度的成長，我們也衷心期盼大家可以完成一個自己「滿意的作品」，甚至可以轉職或在工作上有更好的成就，雖然第八週是表定上的結束，但我們的旅程才到一半而已...。

你們的建議，將會使我們課程更加完善，課程問卷：[https://forms.gle/7jRDMW2roR1u9iJE6](https://forms.gle/7jRDMW2roR1u9iJE6)

## 本週課程

### 關鍵練習題

- 摸到很熟了
- 箭頭 this
- this
- promise
- 加強練習
- ESModules
- 傳參考特性

### 整合觀念學習

Vue Cli 中的運用技巧
- Bootstrap Sass
- 變數運用
- 自訂元素
- icon fonts
- Scoped 技巧
- Mitt 跨元件通訊
- 全域方法
- 全域使用 jQuery

Live Demo

課程範例版型：

* [https://hexschool.github.io/js-training-layout-1/](https://hexschool.github.io/js-training-layout-1/)
* [https://hexschool.github.io/js-training-layout-2/](https://hexschool.github.io/js-training-layout-2/)

範例版型原始碼：
* [https://github.com/hexschool/js-training-layout-1](https://github.com/hexschool/js-training-layout-1)
* [https://github.com/hexschool/js-training-layout-2](https://github.com/hexschool/js-training-layout-2)

---
課後問券：[https://forms.gle/7jRDMW2roR1u9iJE6](https://forms.gle/7jRDMW2roR1u9iJE6)