---
# System prepended metadata

title: 第二週小組任務
tags: [2023切版直播班, 六角學院, 小組任務, 北八]

---

* 討論時間： 7/19晚上8:00~9:00 @discord小組頻道
* 🎉🎉全員到齊🎉🎉
![](https://hackmd.io/_uploads/H1zLbLH9n.png)


### 任務一：玩 Flexbox 遊戲
以下遊戲任選一個，回報時請提供通關截圖，Miss 掉也沒關係：
* [Flex pirate 新手關卡](https://hexschool.github.io/flexbox-pirate/index.html#/)：預期 20~25 分
* [Flex 青蛙](https://flexboxfroggy.com/#zh-tw)：預期 30~50分，後面關卡較難

需要提供破關畫面

| 成員 | 回答 | 
| -------- | -------- |
| Rochel #4754 | ![](https://hackmd.io/_uploads/BJtc4979n.png)![](https://hackmd.io/_uploads/HymqOp0t2.png) |
| peggydbc1217#1187 | ![](https://hackmd.io/_uploads/SydlPQf93.png)||
| 辣椒 #1002 | ![](https://hackmd.io/_uploads/HkIObT7c2.png)
 |
| Eero #1147 |![](https://hackmd.io/_uploads/S17B5ARtn.jpg)![](https://hackmd.io/_uploads/BycgaRAK2.jpg)|
| 狸貓 #5863 | ![](https://hackmd.io/_uploads/B1EdJkeqn.png) ![](https://hackmd.io/_uploads/rJ7YkJgc2.png)|
| Kallen #1185|![](https://hackmd.io/_uploads/HJ946CU92.png)
 |
| 慈玲 #8986 | ![](https://hackmd.io/_uploads/H172VaCYn.png) ![](https://hackmd.io/_uploads/BJIyDpCKn.png) |
| kimdad | ![](https://hackmd.io/_uploads/SJYccmH53.jpg) |
| dodo_6666 | ![](https://hackmd.io/_uploads/S1EuSwzqn.png)|
| hsuan0320 |![](https://hackmd.io/_uploads/HkmE2JHqh.png)|



### 任務二：討論第二週版型該怎麼做

一個人能力有限，八個人團結力量大，彼此討論該版型如何攻略，才能發揮團隊最強力量


| 討論 | 內容 | 
| -------- | -------- |
| Q：怎麼命名?如果都會有套用樣式，會以樣式命名，還是會用其他方式命名? |peggydbc1217 和 Anita 都有用BEM設計模式：https://ithelp.ithome.com.tw/articles/10160545； 狸貓：如果沒有要下樣式的話，也可以不一定要命名喔；命名上可以定義一些通用的樣式，重複使用，之後再看程式碼也比較輕鬆； Eero 有提供通用樣式的範例!|
| Q：第二週是否有用格線？還是用推擠的?設計稿中的文字區塊是下死寬度? | 外層沒有下，文字區塊有設定寬度。 |
| Q：會用設計稿裡的定義去命名字型的class嗎?|辣椒 是有定義的話會這樣命名；根據設計稿的內容，狸貓 會將.fs-1~3、h1跟h2直接下在標籤上|


### 任務三：觀看 Vite 影音課程(建議準備 1.5~2 小時，再來挑戰此任務)

請觀看第[四週補充知識](https://courses.hexschool.com/courses/202011221/lectures/47249931) 章節，看完 **GitHub Pages 部署網站流程 (下)** 後，影片會引導你將網站上傳到一個空間，並會提供一個網站網址給你，各組員若執行成功，再請將該網址貼到回報區。
> 若組員操作有問題，還請 tag @Bingbingboom 助教協助~

| 成員 | 回答 | 
| -------- | -------- |
| Rochel #4754 | [Repo](https://github.com/rochelwang1205/viteWeb2) [Page](https://rochelwang1205.github.io/viteWeb2/)
| peggydbc1217#1187 |[Repo](https://github.com/peggydbc1217/Git-command-test) [Page](https://peggydbc1217.github.io/Git-command-test/)|
| 辣椒 #1002 | [GitHub Repo](https://github.com/chilichen0118/vite_test)|
| Eero #1147 |[GitHub Repo](https://github.com/sksak75312/ViteTraining) [GitHub Pages](https://sksak75312.github.io/ViteTraining/)|
| 狸貓 #5863 | [GitHub Repo](https://github.com/tanukili/2023-summer-text.git)<br> [GitHub Pages](https://tanukili.github.io/2023-summer-text/) |
| Kallen #1185|[GitHub Repo](https://github.com/Kallen-Hsu/ViteWebsite) |
| 慈玲 #8986 | [GitHub Repo](https://github.com/Lin014/vite-website/tree/main) <br> [GitHub Pages](https://lin014.github.io/vite-website/) |
| kimdad | [GitHub Repo](https://github.com/HUANG-KUAN-HSUAN/viteWebsite) [GitHub Pages](https://huang-kuan-hsuan.github.io/viteWebsite/) |
| dodo_6666 | [GitHub Repo](https://github.com/MissDouble/viteWeb)<br>[GitHub Pages](https://missdouble.github.io/viteWeb/index.html)|
| hsuan0320 |[Github Repo](https://github.com/hsuan0320/2023_hexschool_vite/tree/main)<br>[GitHub Pages](https://hsuan0320.github.io/2023_hexschool_vite/)|