---
# System prepended metadata

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

---

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

# 第三週小組任務


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

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


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

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

## 問題

### 任務一：請組員們在線上討論，不看老師範例程式碼，從無到有做出 [no.8](https://drive.google.com/file/d/1r8z8i3LzzEKIzDBlztkpFmuXK6EDyMx3/view?usp=sharing) 題目，並提供 codepen 檢視，[範例八程式碼介面下載](https://drive.google.com/file/d/1r8z8i3LzzEKIzDBlztkpFmuXK6EDyMx3/view?usp=sharing)


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



### 任務二：IT 邦偵探遊戲

請找出 [IT 邦幫忙的網站](https://ithelp.ithome.com.tw/)，每個頁面的響應式設計的資訊：
* 這網站總共有幾個斷點？
* 請描述這網站在 iPad、Mobile 上做了哪些巧思？請提供五處，並附圖，例如：
    * 有元素在 mobile 時被隱藏
    * 在 200 像素以下時會顯示有漢堡選單
    * 某某 class 元素在 iPad 會變成滿版


### 任務三：討論第三週版型該怎麼做

一個人能力有限，八個人團結力量大，彼此討論該版型如何攻略，才能發揮團隊最強力量，攻破最終 BOSS

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


請觀看第[第四週透過 Gulp 部署網站流程](https://courses.hexschool.com/courses/20201122/lectures/40549174)章節後，順利完成各影片章節內容。
> 若組員操作有問題，還請 tag @Bingbingboom 助教協助~



### 助教長檢核點

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



## 回報區

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

- [x] [第 8 組](https://hackmd.io/UlGUZkaZQRaHzNeuejnn1Q?both)
- [x] [第 5 組](https://hackmd.io/Iyvi5-zTQ9iXZB58K3sTkg)
- [x] [第 3 組](https://hackmd.io/@JHOUJHOU/r1e9TSc25)( 任務三若有討論的話，可以再補上截圖唷 RE: 8/15代理組長已確認任務該題已補上截圖 )
- [x] [第 12 組](https://hackmd.io/@christina6185/ry4vuzd3c)
- [x] [第 2 組](https://hackmd.io/vBaDB9uzRFWrqVdSVBZoVA?both)
- [x] [第 29 組](https://hackmd.io/VNv4zG4BS3OamcKQJT6hBA?both)(任務三之後有討論的話，可以再補上截圖唷)
- [x] [第 25 組](https://hackmd.io/@uHWR3d3bRtSbbUyaPg2AQA/HJunvM339)
- [x] [第 20 組](https://hackmd.io/XkYSMFalRSq_Az3rLo9QrQ)
- [x] [第 7 組](https://hackmd.io/@YIHQx96xTI-K9vDjhzEfDA/SJiKnqYi9/%2FoRVC_SxgQlK_r5ov2efUGA)
- [x] [第 31 組](https://hackmd.io/@U8lva1YNQaSPDqEVWNao5Q/HkJeLUphc)
- [x] [第 9 組](https://hackmd.io/gpLHfI2BQz2EJ9HSP5b2HA?view)
- [x] [第 19 組](https://hackmd.io/@XAcrnjejQAShQeD6AWFdng/Byz5cIWpc)
- [x] [第 14 組](https://hackmd.io/@sheng0216/HkrgsQ_oc/%2FMVK8sahJSW6YyH7kfA1ZHg)
- [x] [第 22 組](https://hackmd.io/@susu3131/ryn4mZMp9)
- [x] [第 28 組](/qBlh1HqzRGWpGPsarO5IFw)
- [x] [第 16 組](/Kbq-NU6-QVGATzYAIaJKbA)
- [x] [第 6 組](https://hackmd.io/@lpk7ObyTRtOHqJbsWjossQ/SkIFkMO39)
- [x] [第 13 組](https://hackmd.io/@ZCnote/rJ_zNTSoc/%2FSkihW_c3c)
- [x] [第 17 組](https://hackmd.io/@vanCS/BymNfDp2q)
- [x] [第 27 組](https://hackmd.io/jGt7rvEoQWKVtPttO8c-fw?view)
- [ ] [第 26 組](https://hackmd.io/2Tys9zfEQBmH7Hiunu_qQA)（未完成）
- [ ] [第 04 組](https://hackmd.io/ph4sYIu_QdCdAFUhVEJDuQ?both)
- [ ] [第 23 組](https://hackmd.io/qjZSobeGSdGvscruGbWndA)
- [ ] [第 21 組](https://hackmd.io/@gfW814OqQNW3-GopXH4oRw/Sk1YT3Tj5/https%3A%2F%2Fhackmd.io%2FSCPw00MWTSCeBC5pg_IySw%3Fview)