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

# 第四週小組任務

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

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

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

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

## 問題

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

請觀看第[第四週透過 Vite 部署網站流程](https://courses.hexschool.com/courses/2020112211/lectures/53654008)章節後，將眼鏡形象官網透過 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)

### 助教長檢核點

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

回報區
---
回報範例：
- [ ] 無組別 [小組任務連結](https://)
- [ ] 北2組 [小組任務連結](https://hackmd.io/@2023-front-end-course-Taipei-2-group/SyZo-rbon/edit)
- [ ] 北11組 [小組任務連結](https://hackmd.io/eMjMbaj3QBeenkj-Iwja1A?both)
- [ ] 北9組 [小組任務連結](https://hackmd.io/@I17AuT_wSZGB1l1Dtaix-w/Bki2wVRt2/%2Fs7Hmz0NyTDano99JtyFW5g)
- [ ] 北4組 [小組任務連結](https://hackmd.io/PXmKaNhnTYafrMmVu1OprA)
- [ ] 南6組 [小組任務連結](https://hackmd.io/4dcf_ZulSMmqTRNM-45zPg?view)
- [ ] 北13組 [小組任務連結](https://hackmd.io/@ghM15ySETjaK4jxJ_IMX2w/S1RcqJtK3/https%3A%2F%2Fhackmd.io%2F%40ghM15ySETjaK4jxJ_IMX2w%2FB1ozhxzi3)
- [ ] 南1組 [小組任務連結](https://hackmd.io/4WO3feK0R3Sz2NnZw_p6JQ)
- [ ] 北3組 [小組任務連結](https://hackmd.io/US-IJAHnSkye7XYItCBiqQ?view)
- [ ] 南2組 [小組任務連結](https://hackmd.io/EcZ468ugRim1Fnm96pRaNw)
- [ ] 中3組 [小組任務連結](https://hackmd.io/@Ze8J5HalT_qK_U4kZcYkDg/ByknH7Fo3)
- [ ] 中2組 [小組任務連結](https://hackmd.io/CGm_BDizQZ6bK_BS0vAVxQ)
- [ ] 東 1 組 [小組任務連結](https://hackmd.io/@Hironaka/B16CmADjn)
- [ ] 北 8 組 [小組任務連結](https://hackmd.io/i8261MTZRfCUinAhCPB-bg?view)
- [ ] 北16組 [小組任務連結](https://hackmd.io/@andy888jam/rkDrnU5jn)
- [ ] 中 5 組 [小組任務連結](https://hackmd.io/@rsBj7zpQRy2zMOFQ17wvhw/SJkHuyps2)
<!--

- [ ] 組 [小組任務連結]()

-->