---
# System prepended metadata

title: TypeScript 第一週小組任務
tags: [TypeScript 30 天證書培訓營]

---

---
tags: TypeScript 30 天證書培訓營
---

# TypeScript 第一週小組任務

## 參與

- [x] **皓皓** <font color="#94a3b8">hao_hao0974</font>
- [x] **Tori** <font color="#94a3b8">hatori1046</font>
- [x] **瑀君** <font color="#94a3b8">yukunoo</font>
- [x] **JC** <font color="#94a3b8">jcsamoyed</font>
- [x] **棠棠** <font color="#94a3b8">donna524</font>
- [x] **展誠** <font color="#94a3b8">conrad.ku</font>
- [x] **Yilee** <font color="#94a3b8">_yilee</font>
- [x] **苡安** <font color="#94a3b8">楊苡安#2752</font>
- [x] **芮妮** <font color="#94a3b8">chunghuing</font>
- [x] **sihyun** <font color="#94a3b8">sihyun2198</font>
- [x] **棒腿** <font color="#94a3b8">棒腿#9350</font>
- [x] **瀚翔** <font color="#94a3b8">hsiang_777</font>
- [x] **日安** <font color="#94a3b8">hey.rian</font>

## 第一題 心理測驗

[心理測驗連結](https://www.16personalities.com/ch)，分享自己的[測驗結果](https://www.16personalities.com/ch/%E7%B1%BB%E5%9E%8B%E6%8F%8F%E8%BF%B0)給您的組員。

| 組員名稱 | 人格類型 |
| --- | --- |
| 皓皓 | INTP 邏輯學家 |
| Tori | INFJ 提倡者 | 
| 瑀君 | ISFP 探險家 | 
| JC | INFJ 提倡者 |
| 棠棠 | INFP 調停者 | 
| 展誠 | ISFJ 守護者 | 
| Yilee | ISTJ  物流師 |
| 苡安 | ISFJ 守護者 | 
| 芮妮 | ISFJ 守護者 |
| sihyun | ISFP 探險家 | 
| 瀚翔 | INFJ 提倡者 | 
| 棒腿 | ISFJ 守護者 | 
| 日安 | ESTP 企業家 |

## 第二題 分享您的背景給組員們 

| 組員名稱 | 經歷 | 居住 | 畢業 | 目標 | 秘密 |
| --- | --- | --- | --- | --- | --- |
| 皓皓 | UIUX 2年, 前端 2年 (Vue) | 台中 | 明道大學 數位設計 | A | 喜歡達菲家族 |
| Tori | 業務轉生 / 前端 (Vue) | 高雄  | 平面、遊戲 & 動畫 設計相關科系 | B or A | 花錢報名線上課程 |
| 瑀君 | 它職轉生 / 前端 3年 (Vue) | 桃園 | 文化大學 資訊管理 | A | 最近入坑水晶礦石 |
| JC | 設計轉生 / 前端 2年 (Vue) | 桃園 | 銘傳大學 數位媒體設計 | A | 這個月約了很多酒局 |
| 棠棠 | 西畫教師轉生 / 前端 2年(vue) | 新北 | 美術系 | A | 吃飯 |
| 展誠 | 前端 3年 (Vue) | 新北 | 龍華科大 多媒體與遊戲發展科 | A | RO Online 桌機版 課金過 10w |
| Yilee | 前端 3年 (Vue) | 台南 | 嘉義大學 數位學習設計與管理 | C | 夢想是小說家 |
| 苡安 | 網頁設計 / 前端 4年(Angular) | 新北 | 多媒體設計 | A | 買了很貴的潛水錶 |
| 芮妮 | 它職轉生 / 前端 2年 (Vue) | 台中 | 嘉南藥理科大 嬰幼兒保育 | A | 花很多錢買保養美妝 |
| sihyun | 前端 2年 (切版/Vue) | 新北 | 大葉大學 多媒體設計 | B | 重度動畫、遊戲迷 |
| 瀚翔 | 金融業轉生 / 前端 2年 (Vue) | 新北三重 | 財務金融學系 | A | 現在有在抱石射箭,嘗試變成凹豆咖 |
| 棒腿 | QA轉生 / 前端 2年 (JQ/Vue) | 新北樹林 | 電子工程學系 | A | 目前慢慢學習韓文,希望能出國看演唱會 |
| 日安 | 前端6年（半路出家兩年） | 台南 | 視覺傳達設計 | A、B皆可 | 沒什麼秘密QQ |

## 第三題 選擇題

各組組員從[題庫](https://hackmd.io/8o5i0uvQRn-6_P8VNd1pBw?view)裡，勾選 TypeScript 後，各挑選 2 題目來做，越後面的編號越難，若看不懂題意，可嘗試用 [ChatGPT 3.5](https://chat.openai.com/chat) 進行翻譯


解題成功後，歡迎到[刷題交流頻道](https://discord.com/channels/801807326054055996/1182303325748723742)投稿

PS：如果從沒接觸過 [Codewars 刷題網站](https://courses.hexschool.com/courses/typescript-30/lectures/50793152)，老師有錄製影音課程，可以再前往觀看

![image](https://hackmd.io/_uploads/SJaE9NBL6.png)

## 小組討論截圖

|![image](https://hackmd.io/_uploads/Sko7y0MIp.png)|![image](https://hackmd.io/_uploads/r17UJ0MU6.png)|
| --- | --- |
|![image](https://hackmd.io/_uploads/By7PkRG8a.png)|![image](https://hackmd.io/_uploads/Sky_1AGLp.png)|
|![image](https://hackmd.io/_uploads/rk4Og0zIp.png)|![image](https://hackmd.io/_uploads/SyHKlAfL6.png)|
|![image](https://hackmd.io/_uploads/SyppxRfUa.png)|![image](https://hackmd.io/_uploads/ryh0gCGI6.png)|
|![image](https://hackmd.io/_uploads/SkWlZAfI6.png)|![image](https://hackmd.io/_uploads/rJJ0nJXU6.png)|
|![image](https://hackmd.io/_uploads/Syb-PRJP6.png)|![image](https://hackmd.io/_uploads/SJEzDRJD6.png)|
|![image](https://hackmd.io/_uploads/BkJjkghvT.png)||

## 分組
第 1 組: 展誠、啾西、棠棠
 [紀錄](https://pineapple-hellebore-ed7.notion.site/TS-c745591ffe134504853d3dd875aec73d)

第 2 組: 皓皓、芮妮、Tori 
[紀錄](https://docs.google.com/spreadsheets/d/1qbSKRDLgjimy6z1GWIORMztn0rK-LDTa4cAj2mAIWhI/edit#gid=0)

第 3 組: 苡安、瑀君、Yilee、sihyun 
[紀錄](https://docs.google.com/spreadsheets/d/1WJsz6llpR80d_9nLKgv3tHoFXbU3ZLntu34F_mUFGX4/edit#gid=1657543650)

第 4 組: 棒腿、瀚翔、日安
[紀錄](https://docs.google.com/spreadsheets/d/15fVfbl772lDn5Uk4nWKLpuqm4whLNfd1JFZUxYqkrqs/edit#gid=1941420425)

### JS
| 組員名稱 | Vue | Nuxt | React | 
| --- | --- | --- | --- |
| 皓皓 | O | O |  |
| Tori |  | O |  |
| 瑀君 | O | O | O |
| JC | O | O | O |
| 棠棠 | O | O |  |
| 展誠 | O |  | O |
| Yilee | O |  |  |
| 苡安 | O |  | O |
| 芮妮 | O | O |  |
| sihyun | O |  |  |
| 棒腿 | O |  |  |
| 瀚翔 | O |  |  |
| 日安 | O |  | O |

### 前台切版
| 組員名稱 | Tailwind | Bootstrap |
| --- | --- | --- |
| 皓皓 | O | O |
| Tori |  | O |
| 瑀君 | O |  |
| JC | O | O |
| 棠棠 | O | O |
| 展誠 | O | O |
| Yilee |  | O |
| 苡安 |  | O |
| 芮妮 |  | O |
| sihyun |  |  |
| 棒腿 | O | O |
| 瀚翔 |  |  |
| 日安 | O | O |
### 後台 UI Framework
| 組員名稱 | Bootstrap | Ant Design | Quasar | Element UI |
| --- | --- | --- | --- | --- |
| 皓皓 |  |  |  | O |
| Tori | O |  |  |  |
| 瑀君 |  |  |  | O |
| JC | O | O | O | O |
| 棠棠 | O | O | O |  |
| 展誠 | O |  |  |  |
| Yilee | O |  |  | O |
| 苡安 | O |  |  |  |
| 芮妮 | O |  |  | O |
| sihyun |  |  |  |  |
| 棒腿 |  |  |  | O |
| 瀚翔 |  |  |  | O |
| 日安 | O | O | O | O |
### 挑戰 LV
LV1：完成所有前端旅館訂房服務，使用六角提供的 Node.js 前台 API 來開發
LV2：完成所有前後端旅館訂房服務，後端需自行開發，不使用六角提供的 Node.js API
| 組員名稱 | LV1 | LV2 |
| --- | --- | --- |
| 皓皓 | O |  |
| Tori | O |  |
| 瑀君 | O |  |
| JC | O |  |
| 棠棠 | O | O |
| 展誠 | O |  |
| Yilee | O |  |
| 苡安 | O | O |
| 芮妮 | O |  |
| sihyun | O |  |
| 棒腿 | O |  |
| 瀚翔 | O |  |
| 日安 | O | O |