第二週小組任務

--- tags: 2021 程式體驗營 --- # 第二週小組任務 **回報流程：** 1. 請組長到下方回報解答連結，**一個小組請派一人提交(依據當周條件提交)**。請用 hackmd 或 Google Doc 回報內容需含： 1. 該問題集的答案 2. 提供 1~3 張視訊或 Slack 對話截圖，確保有進行小組討論 3. 組員參與名單 2. **請同時繳交兩個地方**，分別是下方[回報區](#回報區)與 [Google excel](https://rpg.hexschool.com/training/22/show?embed=https://docs.google.com/spreadsheets/d/1t25mXqAro7TSURVA2YVs9lDOcxeItoBLAPcp8MVrBaE/edit#gid=797572714) 3. 學長姐志工檢視過後，就會回覆 ✅ 來回報審核成功與否。 **常見問題：** Q：約時間討論的組員至少要幾位？ A：至少兩位就可成團！ Q：如果沒有分組，可以一起玩嗎？ A：可以，可以在**2021程式體驗營**發起訊息揪團約時間討論 ## 問題 ## 第一題 Flex 大挑戰 * 如果你是純新手，請攻略 [Flexbox 青蛙](https://flexboxfroggy.com/#zh-tw)、[flex 海報船-初級](https://hexschool.github.io/flexbox-pirate/#/)，任一關卡，並在 hackMD 附破關畫面。 * 假使您是有點概念的同學，請觀看以下兩篇文章，刻意練習你不曾用到的語法或範例 * [圖解：CSS Flex 屬性一點也不難](https://wcc723.github.io/css/2017/07/21/css-flex/) * [跟著海盜學 Flex](https://w3c.hexschool.com/) ## 第二題觀察影片請觀察下方影片連結，看看洧杰老師的寫 Code 流程中，有哪些熱鍵、編輯器操作、程式碼語法是你原本不會的，然後被你偷學到哪些知識點。 * [Flexbox Live Demo 切版](https://youtu.be/iVS7qrMEbe8) * [Adobe XD 標示文件教學 - 高度確認講解](https://youtu.be/hodJ07BC6EQ) * [文字單行與多行處理辦法 - line-height 與 padding 的抉擇](https://youtu.be/keRHKc0t250) ## 第三題 Font Awesome (可做可不做) 老師在課堂上用的 Font Awesome 是什麼？尋找網路上的操作教學，並試著動手做做看，如果有不錯的教學文章，也請分享到小組任務或 Slack 大廳貢獻給其它學員。 > 或是同學您下海寫一份教學，大家會很感謝你/妳的，你的資源將會幫助到 700 位同學們 :D --- ## 回報區 * ✅ [無組別 / 洧杰、卡斯伯、葉子](https://hackmd.io/0WDkt_AbQTGtFIFtR8pLBA) * ✅ [疫情國家隊第十一組](https://hackmd.io/@willy83310/rJQplfAcu) * ✅ [防疫國家 7組](https://hackmd.io/@tel1QbHlStm6HsLLcna8xw/By9bucgiu) * ✅ [疫情國家隊第一組](https://hackmd.io/@6If-6QKFTkmDCVJjm4Ndzg/2021hexshcool-camp-team1-w2) * ✅ [疫情國家隊第16組](https://hackmd.io/Y6--FGcGTP23PgczFELrgw?view) * ✅ [疫情國家隊第20組](https://hackmd.io/@lintiin/rJKry9kjd) * ✅ [疫情國家隊第10組](https://hackmd.io/@gmincc/BylZ_ZPiu) * ✅ [疫情國家隊第17組](https://hackmd.io/@00BgkikyRGiH1WvBqzgp1w/BkU2TcZou/edit) * ✅ [疫情國家隊第4組](https://hackmd.io/9IPoE2p0SmeWVv4mZKusBw) * ✅ [疫情國家隊第18組](https://hackmd.io/@YIHQx96xTI-K9vDjhzEfDA/BJNuQONoO/https%3A%2F%2Fhackmd.io%2F%40YIHQx96xTI-K9vDjhzEfDA%2FryCx9K4sO) * ✅[疫情國家隊第14組](https://hackmd.io/p3nmMpDaRiejP_wb-6HyGQ?view)