---
# System prepended metadata

title: 北10組第七週小組任務

---

---
tags: 'JS直播班北10 - 2023'
---

# 北10組第七週小組任務
## ==討論日期 : 11/21(二)20:00開始==
:::info
報到
- [ ] Aaron Shih
- [x] ann
- [ ] ByaKuya
- [ ] connie K
- [x] 依依
- [x] Peng
- [ ] 如癡
- [ ] tingting
- [ ] 仙貝
- [ ] 非常愛柯基
:::
## 每週小組會議紀錄者
歡迎大家踴躍認領喔～
- 第七週：Peng
- 第八週：ann
- 第九週：

## 問題

### 第一題：一起討論第七週主線該如何實作！
| 名稱 | codepen | 
| -------- | -------- |
| Aaron Shih | [codepen/Github]() | 
| ann | [codepen/Github](https://codepen.io/yqmegupa-the-styleful/pen/NWoXoGP) | 
| ByaKuya | [codepen/Github]() | 
| connie K | [codepen/Github]() | 
| 依依 | [codepen/Github](https://ritayang0811.github.io/js_week5/) | 
| Peng | [codepen/Github](https://codepen.io/H-Peng/pen/oNmExyQ) | 
| 如癡 | [codepen/Github]() | 
| tingting | [codepen/Github]() | 
| 仙貝 | [codepen/Github]() | 
| 柯基 | [codepen/Github]() | 

### 第二題：撈取 [2021 前端工程師薪資資料](https://raw.githubusercontent.com/hexschool/2021-ui-frontend-job/master/frontend_data.json?token=AAQWFQDSNRRXC6FBW7PDSETBOESVW)，並用 C3.js 呈現
* 一條長條圖：接案公司的薪資滿意度平均分數
* 二條長條圖：抓取博弈、電商公司兩個產業滿意度的平均分數
* 圓餅圖：撈取男性跟女性比例有多少
* 圓餅圖：顯示薪水區間分佈

| 名稱 | codepen | 
| -------- | -------- |
| ann | [連結](https://codepen.io/yqmegupa-the-styleful/pen/GRzQeXj?editors=1111) | 
### 第三題 Git 挑戰

完成 [Git 任務六](https://hackmd.io/80jiStaUQY-NXSwTYz9Hmg?both)

### 任務流程

- [x]  1-1：A 成員新增一個新的 Repo，增加 `index.html`、`all.css`，並在 `index.html` 加上一個 h1 標題，並在 `all.css` 將 h1 設計文字為藍色後 **，commit 一個版本**
- [x]  1-2：A 成員在 `main` 分支上也開 `dev` 分支，**並同時將 `main`、`dev` 都 push 上去**
- [x] 1-3：B 成員 clone 下來，在 `dev` 分支上開一個新 feature，名為 `feature/addStyle`，新增一個 h2，並將他的文字顏色變成綠色，commit 一個版本後 **，將 `feature/addStyle` 分支進行 git push 動作**
- [x] 1-4：B 成員透過 GitHub ，申請一個 `dev` 合併 `feature/addStyle` 進度的 PR，並指派 A 成員進行審核
- [x] 1-5：A 成員進行 git fetch ，將 `feature/addStyle` 抓最新版本下來，並在本機上確認成員進度
- [x] 1-6：A 成員確認沒問題後，審核 PR 通過
- [x]  1-7：A 成員 git fetch `dev` 後，開一個新的 `feature/editTitle` 分支，修改 `head` 標題為 `修改標題`，commit 一個版本後便 **，將 `feature/editTitle` 分支進行 git push 動作**
- [x] 1-8：A 成員透過 GitHub ，申請一個 `dev` 合併 `feature/editTitle` 進度的 PR，並指派 B 成員進行審核
- [x]  1-9：B 成員 git fetch `dev` 後，開一個新的 `feature/editColor` 分支，修改 h1 標題顏色為紅色，commit 一個版本後便 **，將 `feature/editColor` 分支進行 git push 動作**
- [x] 1-10：B 成員透過 GitHub ，申請一個 `dev` 合併 `feature/editColor` 進度的 PR，並指派 A 成員進行審核 
- [x] 1-11：B 成員進行 git fetch ，將 `feature/editTitle` 抓最新版本下來，並在本機上確認成員進度
- [x] 1-12：B 成員確認沒問題後，審核 PR 通過
- [x] 1-13：A 成員進行 git fetch ，將 `feature/editColor` 抓最新版本下來，並在本機上確認成員進度
- [x] 1-14：A 成員確認沒問題後，審核 PR 通過
- [x] 1-15：A 成員審核成功後，申請一個 `main` 合併 `dev` 進度的 PR，用 GitHub Pages 觀看 `main` 分支的頁面是否有出現預期網頁畫面




## 通關檢核點

- [x]  A、B 成員與 GitHub Repo 都有相同的 commit 數量
- [ ] 預期線圖有符合

## 預期線圖
![](https://hackmd.io/_uploads/B1mdQj1G6.png)


## 提交 Git Repo 連結
| 名稱 | Git Repo | 
| -------- | -------- |
| 依依＆Peng | [git pages](https://github.com/PengHao-1026/grouptest11_21.git) | 
| ann＆Peng | [git pages](https://ann328.github.io/North10_7/) |


## 開會截圖![]()
![未命名](https://hackmd.io/_uploads/Bk-WWBqEa.png)

