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

# 第四週小組任務

使用 discord、ZOOM 來討論，組員沒麥克風也可以一個人分享畫面，其他組員用文字討論，解答此問題集

**回報流程：**
1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。回報內容需含：
1. 該問題集的答案
2. 提供 1~3 張 discord 或 ZOOM 對話截圖，確保有進行小組討論
3. 組員參與名單
2. 助教檢視過後，就會回覆 ✅ 來回報審核成功與否。

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

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

## 問題

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

請觀看第[第四週透過 Gulp 部署網站流程](https://courses.hexschool.com/courses/20201122/lectures/40549174)章節後，將眼鏡形象官網透過 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://github.com/chiayutsai/week4_glasses/tree/main/app/scss)、[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/)

### 助教長檢核點

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

回報區
---
回報範例：
無組別 [小組任務連結](https://)

- [x] [第 8 組](https://hackmd.io/qjawEdVoS5q793Ijut48ZQ?both)
- [x] [第 12 組](https://hackmd.io/@christina6185/SyJcX_WTq)
- [x] [第 5 組](https://hackmd.io/RskPXncDQd-FOWTooW7n_g) (感謝提醒，以勾選)
- [x] [第 3 組](https://hackmd.io/@8t4eYL7ITlivwJVBmQts_w/HytERR7p5/edit)
- [x] [第 2 組](https://hackmd.io/sufLV6YARyiCikMBctUOzg)
- [x] [第 31 組](https://hackmd.io/BaIm6ju9SJy129E9IKBA4g?both)(已批改)
- [x] [第 29 組](https://hackmd.io/rdZTsz1eTleGn_ZFZRc-Aw?view)
- [x] [第25組](https://hackmd.io/@uHWR3d3bRtSbbUyaPg2AQA/B11wtVBTq)
- [x] [第 7 組](https://hackmd.io/@YIHQx96xTI-K9vDjhzEfDA/SJiKnqYi9/%2F7KD0AU49QiS5Hp7uNMT_0g)
- [x] [第 20 組](https://hackmd.io/GSSINOn9T3uuK8V48NAMzw)(已批改)
- [x] [第 28 組](/Na4AJv-6QgiRPmA0AMxgGw)
- [x] [第 19 組](https://hackmd.io/@XAcrnjejQAShQeD6AWFdng/ryC6uSqTq)(已批改)
- [x] [第 1 組](https://hackmd.io/xTwW7FGDRRa8tarMgOD5lA)
- [x] [ 第 17 組 ](https://hackmd.io/MlzSinS4QCK_BeCffAzRHg)
- [x] [第 9 組](https://hackmd.io/AyZubYZPQkiCjiMGY8lPxA?view)
- [x] [第 22 組](https://hackmd.io/@susu3131/r1VcNUspc) (感謝提醒，以勾選)
- [x] [第 14 組](https://hackmd.io/@sheng0216/HkrgsQ_oc/%2FCQ23HWS5SCmD_mJJ0alijg)
- [x] [第 23 組](https://hackmd.io/1yGRotZJShOrmqepGCap1g)
- [ ] [第 21 組](https://hackmd.io/@gfW814OqQNW3-GopXH4oRw/Sk1YT3Tj5/https%3A%2F%2Fhackmd.io%2FThC9dGGlQH-OV8aH2_4tnQ%3Fview)
- [ ] [第 13 組](https://hackmd.io/@ZCnote/rJ_zNTSoc/%2FBkl7f6QT5)
- [ ] [第 4 組](https://hackmd.io/@Barret/rk18d5cTc)