---
# System prepended metadata

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

---

本頁連結：https://hackmd.io/6fIOL_CORHWk9ijw6pQQZw

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

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


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

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

## 問題

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

請觀看第[第四週透過 Vite 部署網站流程](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)





### 助教長檢核點

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



回報區
---
回報範例：
- [ ] 無組別 [小組任務連結](https://)
- [ ] D-2組 [小組任務連結](https://hackmd.io/@0nPGcgMUTs2wJQ7hgyzkzg/S15BAbfKR)
- [ ] A-單人專題組 [小組任務連結](https://hackmd.io/1nNc1lKDQf-CUfKcjAWY9w)
- [ ] 第 3 組  [小組任務連結](https://hackmd.io/@Kay945/ByOxNlMKR)
- [ ] 第 2 組  [小組任務連結](https://hackmd.io/TFEhM4ykQKSAzH-1rMkN0A)
- [ ] 第 4 組 [組任務](https://hackmd.io/y5n1bx1HS1y4FxfAw9smHg?view)