---
# System prepended metadata

title: 第二週小組任務
tags: [大學生體驗營 - 2021 夏季班]

---

---
tags: 大學生體驗營 - 2021 夏季班
---



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

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



**常見問題：**

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


## 問題集

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

### 任務一：請組員們在線上討論，不看老師範例程式碼，從無到有做出 [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

附上參考影片：

1. [RWD 香水電商版型講解 - 上半部](https://www.youtube.com/watch?v=dUY8a28AhAw&list=PLYrA-SsMvTPPz5pbbfhctdcSJ7L_BWqTs&index=9)
2. [RWD 香水電商版型講解 - 下半部](https://www.youtube.com/watch?v=8WEH9xv9mU0&list=PLYrA-SsMvTPPz5pbbfhctdcSJ7L_BWqTs&index=10)


---
## 回報區


1. [第 0 組](/XtkHp15bTtqfuEpxrKsNhQ)
2. [第 1 組](https://hackmd.io/lhv93a8nR-aXl5xGSOFPRQ?view#%E4%BB%BB%E5%8B%99%E4%B8%89) ✅
3. [第 2 組](https://hackmd.io/@RlwWwiVJTdCw7pWbS1-UuA/B1QEYi6Tu/edit) ✅
4. [第 3 組](https://hackmd.io/plzkbByXQMeFv8ta6v-K5A?both) ✅
5. [第 4 組](https://hackmd.io/gTevCxyDSaKdabomF38gmg) ✅