---
# System prepended metadata

title: 第二週小組任務 - 切版班 12 組
tags: [網頁切版直播班 - 2022 夏季班]

---

---
tags: 網頁切版直播班 - 2022 夏季班
---
# 第二週小組任務 - 切版班 12 組
> 討論日期及時間 > 2022/07/16 20:30-22:50
> 
**組員參與名單(8/10)：**
* christina#6185
* yuyu#6310
* hungya#0773
* 維新#6472
* yichih#6223
* Wei-Ting#7691
* Winnie Wu#5468
* 此暱稱已被使用#6514 

## 問題
### 任務一：玩 Flexbox 遊戲
:::spoiler <font color="blue">yuyu#6310</font>
![](https://i.imgur.com/UXGa468.png)

海盜
![海盜](https://i.imgur.com/crzXHXl.png)
:::

:::spoiler <font color="blue">hungya#0773</font>
![](https://i.imgur.com/ewBmZ0Y.png)
:::

:::spoiler <font color="blue">yichih#6223</font>
![](https://i.imgur.com/jMZZsV2.png)
:::

:::spoiler <font color="blue">維新#6472</font>
![](https://i.imgur.com/Qb1KDaC.png)
:::

:::spoiler <font color="blue">christina#6185</font>
![](https://i.imgur.com/J22Yd5t.png)
:::

:::spoiler <font color="blue">Wei-Ting#7691</font>
![](https://i.imgur.com/I597FUP.png)
:::

:::spoiler <font color="blue">此暱稱已被使用#6514</font>
![](https://i.imgur.com/hT06mE8.png)
:::

:::spoiler <font color="blue">Winnie Wu#5468</font>
![](https://i.imgur.com/lfG52y7.png)
:::

### 任務二：討論第二週版型該怎麼做
> **分五個區塊再ㄧ區一區切**
![](https://i.imgur.com/K1PjPhT.png)

1. 第一區
![](https://i.imgur.com/Z3Ou2wh.png)
![](https://i.imgur.com/U0zT3vO.png)
![](https://i.imgur.com/f488xwO.png)
![](https://i.imgur.com/EiuMgcA.png)


---
2. 第二區

![](https://i.imgur.com/yKyPVGR.png)
![](https://i.imgur.com/Wt50eeC.png)
![](https://i.imgur.com/RRoGGYi.png)

維新#6472
![](https://i.imgur.com/JakXu7q.png)


---
3. 第三區

![](https://i.imgur.com/ESOCPfM.png)
![](https://i.imgur.com/B5Tfulm.png)

維新#6472
![](https://i.imgur.com/hOqRYJJ.png)

---
4. 第四區 

維新#6472
![](https://i.imgur.com/7iKNmh9.png)



hungya#0773
![](https://i.imgur.com/5XeankT.png)

christina#6185
![](https://i.imgur.com/5eXhkiL.png)

---

5. 第五區

hungya#0773
![](https://i.imgur.com/bOxTUTk.png)


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

**回報結果見回報區。**

* [gulp 環境安裝流程](https://hackmd.io/yWpLNMPRT2yvIR4Zq_idGw?view)
```
//常用指令

gulp build

gulp deploy
```
* 補充：資料夾檔名重複導致一直無法創建成功
> 週五晚上上課前，創建環境時遇到問題(Winnie Wu#5468)：
> 輸入npm install無法安裝
> 
> 熱心同學協助解決問題：
> ![](https://i.imgur.com/mB2wQWA.png)
![](https://i.imgur.com/SM9qL9w.png)
![](https://i.imgur.com/kOiYn8u.png)
![](https://i.imgur.com/nQgC4qO.png)




## 回報區

12組 / yuyu#6310 [小組任務連結](https://yuyu0905.github.io/gulp-template/)
12組 / hungya#0773 [小組任務連結](https://hungya777.github.io/hexschool_gulp-upload-test/)
12組 / Winnie Wu#5468 [小組任務連結](https://winnie083.github.io/GULP3/)
12組 / 維新#6472 [小組任務連結](https://weishunli1021.github.io/GULP1/)
12組 / christina#6185 [小組任務連結](https://chrisc0210.github.io/gulp4/)


---

> 謝謝今天有參與的同學們 :100: 
<iframe src="https://giphy.com/embed/YjoA5tXi7SkwM" width="480" height="275" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/yes-i-approve-YjoA5tXi7SkwM"></a></p>
