---
tags: Vue 實戰班
---

# 第三週支線任務

這是直播課程中的挑戰項目，只要掌握關注點分離的概念，很容易就能將此作品完成，而這也是屬於獨立作品，歡迎同學作為履歷作品使用。

本作品目標在完成一個心理測驗工具，

- 作業版型：https://xd.adobe.com/view/ccc4dd9e-4b8f-4491-4754-4049282e0d7a-baf5/

### 任務說明：
- 完成心理測驗工具，不限定是否使用 Vue.js（用原生 JS、jQuery、Vue.js 皆可）
- 心理測驗資料可參考：
- [心理測驗 API](https://raw.githubusercontent.com/hexschool/js-training-task/master/api/BigFive.json)
- [心理測驗 HackMD 說明](https://hackmd.io/tlJrBQkLTbGcLJAbSWArKw?view)

### 提交難度挑戰：
- LV1：完成心理測驗靜態頁面
- LV2：使用範例版型完成心理測驗工具
- LV3：不使用課程版型或資料（擇一即可），完成心理測驗工具

### 繳交作業流程

1. 於[試算表](https://docs.google.com/spreadsheets/d/1DOk5jCqnz-y_z6M_aFaoNn3n-ayheFhQ6h2LLDzYaXg/edit#gid=0
)中登記繳交狀況


2. 回程式勇者村 - 任務系統回報：https://rpg.hexschool.com/task/93/show

### 作業格式 & 常見 QA

- 繳交作業格式教學（本作業僅能提交 GitHub Pages 的版本）：https://hackmd.io/@hexschool/HJDbvkFqU/%2FK6GUUl_pTRioN9ZpBCeqMQ

---