---
tags: 網頁切版直播班 - 2021 夏季班
---

第四週小組任務
===
使用 ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
1. 該問題集的答案
2. 提供 1~3 張視訊或 Slack 對話截圖，確保有進行小組討論
3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。
3. 若有組員全程沒有參與到討論，該組員不會收到卓越小組徽章，其餘有符合條件者，都會獲得徽章

**常見問題：**

Q：約時間討論的組員至少要幾位？
A：至少兩位就可成團！

Q：如果沒有分組，可以一起玩嗎？
A：可以

Q：如果太邊緣，沒有人回覆或給予訊息 Emoji 怎麼辦？
A：那麼你可以在隔日時默默給予自己 Emiji，依然可以算通關喔

## 問題集

這週主要是讓各位同學熟悉 RWD 操作，
建議使用 ZOOM 來討論，當然也可用 Slack，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論也可。

### 任務一：請觀看 Gulp 影片，並整合眼鏡形象官網

請觀看第[第四週透過 Gulp 部署網站流程](https://courses.hexschool.com/courses/2020112/lectures/33575267)章節後，將眼鏡形象官網透過 Layout+EJS 來整合，**並在回報中提供參與討論組員的 Git Repo 與 GitHub Pages 網址

### 任務二：觀看 SCSS 結構，討論組員彼此間該如何逐步規劃 SCSS
* [2014 MOPCON](https://github.com/gonsakon/mopcon2014/blob/master/sass/all.sass)
* [2018 The F2E](https://github.com/gonsakon/theF2EPK/blob/master/source/sass/all.sass)
* [Bootstrap](https://github.com/twbs/bootstrap/tree/master/scss)

## 上一梯學長姐
* Vicky 學姐：[GitHub Repo](https://github.com/peggyted0129/HexSchoolTraining/tree/main/week4gulp/scss)、[GitHub Pages](https://peggyted0129.github.io/HexSchoolTraining/week4gulp/index.html)
* carrie 學姐：[GitHub Repo](https://github.com/echocarriet/layoutWeek4)、[GitHub Pages](https://echocarriet.github.io/layoutWeek4/index.html)
* chiayutsai 學姐：[GitHub Repo](https://chiayutsai.github.io/week4_glasses/)、[GitHub Pages](https://github.com/chiayutsai/week4_glasses)
* 東京自耕農學長(poscss)：[GitHub Repo](https://github.com/overactive1988/lesson3_homework/tree/master/src/css/css/_include)、[GitHub Pages](https://overactive1988.github.io/HexSchool_webslicinglesson2020/week03/)

> 若組員操作有問題，還請 tag @穎旻 助教協助~

### 助教長檢核點

* 是否有截圖自己的討論結果

回報區
---
回報範例：
無組別 / 穎旻

[小組任務連結傳送門](https://)

[第13組](https://hackmd.io/@HexSlicing2021-Team13/WeeklyMission/%2Fa_jdqRAhQm6cOd3jMnwSnQ)
> 助教：✅

[第12組](https://hackmd.io/@o9ZLEqeZQ8e7u_JXSPfjsQ/Hk5aMuxTd/%2FKMD5yY0nRnu4o3_E4qRVFw)
> 助教：✅

[第11組](https://hackmd.io/@OTzLLXTXQ9i__wuqM4zF-g/HkS2BhaRu)
> 助教：✅

[第9組](https://hackmd.io/@ptGQaahESZevWRKcXN3nuA/Hkq3wBhhd/https%3A%2F%2Fhackmd.io%2FtpU8K-nVSBubNFpqBBD6kQ%3Fview)
> 助教：✅

[第7組](https://hackmd.io/@Nate-Lu/f2d-group-seven/https%3A%2F%2Fhackmd.io%2Flw5jykC9TDiBRTTLHjJAcw)
> 助教：✅

[第25組](https://hackmd.io/s/H1kvC--1Y)
> 助教：✅

[第24組](https://hackmd.io/K09q6xPVRRmZ0v6xzzFH-w?edit)
> 助教：✅

[第21組](https://hackmd.io/PNMElB9qQGmkAd56IR-Gcg)
> 助教：✅

[第19組](https://hackmd.io/wv9Hoz1aTBeveKkXs9-EMg?view)
> 助教：✅

[第17組](https://hackmd.io/nFq2oHb7QSGoCeO58w0PvQ?view)
> 助教：✅

[第1組](https://hackmd.io/vlf_CUr-SCWHbibuHIZBpQ?view)
> 助教：✅

[第20組](https://hackmd.io/zezclQwwQu63gIdGt5rD_w?view)
> 助教：✅

[第4組](https://hackmd.io/@sADtCVAqQtqJhjWDRWJXVQ/S1grjVOTu/https%3A%2F%2Fhackmd.io%2FeUitU4qVSF-nRShDgisViA)
> 助教：✅

[第3組](https://hackmd.io/J8Mv00egSGalTo5ldFEWAA?view)
> 助教：✅

[第18組](https://hackmd.io/fdqNI6t7TlGKciAUw1LikQ?view)
> 助教：✅