網頁切版直播班
協作手冊
===
- [📜 前言導覽](/91FvxC-qToC_mdk2jhldAg)

第一章 本課宗旨與精神
---
- [🏆切版直播班源起](/GOfWODtjSQK5_XSRdYQvkw)
- [🏅宗旨與願景](/Jdi_Ij6rTQ6AMXR54xhBww)
- [💪班級目標](/jzQ5n-BpQBya7DLoR70zWA)111
- [👫課程社群交流規範](/KbaAxHVjQcqVxQ955_zdsQ)

第二章 新手任務
---
- [💬 任務一：加入 Slack 交流頻道](/MRU2m8KgRSur9icukXeTxw)
- [🗞 任務二：領取任務，認識隊友](/krbk8zgFSPac-2w5SPx2ww)
- [📣 任務三：訂閱 Line@ 課程通知](/nPhxA98qS7CYUazTl9ihrQ)
- [💻 任務四：上課直播 ZOOM 註冊](/4LFcWmOXRSGt-fL9rqJ6lg)
- [📹 任務五：7 小時新手影音教學](/vjnwpOz7SI-t-Qm0TIXChA)

第三章 轉職與分組任務
---
- [⚔ 職業介紹 - 選擇您的職業](/oVSLS2XoQgGJTQlzIyJxeg)
- [👨‍👨‍👧‍👧 轉職與分組任務 - 尋找您的夥伴](/OYeiBFebRg-gpKx4RLA4iQ)
- [👨‍👨‍👧‍👧 Excel 分組表](https://docs.google.com/spreadsheets/d/1bjgv5iDSRmIZCPsQu_hnDfVVRtbS3CzLxZRmCZY1v4Y/edit#gid=228009326)
- **小組任務**
- [💬 建立小組情報網](/xXdwBujIQYOp6-KdATFmAQ)

第四章 主線任務
---
- [🦖 BOSS 攻略情報](/yoy2AdWfTaG8RBj23wYLug)
- [🎁 個人與小組任務獎勵](/1n6dtQwrRU6pV-Bj4CdB0A)
- **第一週：1 px 也不差的版型控制術 (4/10 20:00)**
- [🏅第一週老師講義](/-_bJmVI4R8qBkB9aszY56g)
- [🏅第一週直播錄影](https://courses.hexschool.com/courses/808825/lectures/15616162)[target=_blank]
- [🏅第一週共筆筆記](/gzHpvUaIQFWTXnZcE_SBag)
- [🏅第一週小組任務](/tTiCG0mQQjecfAZ1_ZkLdw)
- [🏅第一週版型作業](/GTnY5lIHTxSt2sd_FaoyOQ)
- [🏅第一週版型攻略](/P4KJ06b3Toa_Y_f02eSYrA)

- **第二週：Flexbox 網頁排版術 (4/17 20:00)**
- [🏅第二週老師講義](https://hackmd.io/ZyUpHQE4SpKmFh4vV_5YpA)
- [🏅第二週直播錄影](https://courses.hexschool.com/courses/808825/lectures/15899252)[target=_blank]
- [🏅第二週共筆筆記](/nqJEnqvsQMmh2fnhsAUBdA)
- [🏅第二週小組任務](/5_rUQ_z6Qwe3cQVjX0itRg)
- [🏅第二週版型作業](/-64ZDtZiR-Go2BnUB7uP0w)
- [🏅第二週版型攻略](/9fwMlV1-QrC7tbsa4pKjcA)

- **第三週：伸縮自如的 RWD 排版術 (4/24 20:00)**
- [🏅第三週老師講義](https://hackmd.io/8-8d2YbtSXS5Z-WSyFJruw?both)
- [🏅第三週共筆筆記](/7K5STjUJRqijF1HEC6DPqQ)
- [🏅第三週小組任務](/ThuJfvmvSHS3ZVZTYBw4Lg)
- [🏅第三週版型作業](/2bgcR8h1Rlm48dPyZ-htlA)
- [🏅第三週版型攻略](/9ba0oPi5SW-7op6zYIerag)
- [🏅第三週卡斯伯補充教材](/zowzMIWuTGq2JUbeOlsNsg)

- **第四週：多頁式網頁設計 (5/1 20:00)**
- [🏅第四週老師講義](/ud2ZvGGKSZOnwQn3ab7huA)
- [🏅第四週共筆筆記](/yzJeN-egR7ivuDrQTf9_Og)
- [🏅第四週小組任務](/7nuMDP0HRGyKM1i92CM8Fw)
- [🏅第四週版型作業](/ZWQb44YEQIOEFHStG_JQ6Q)
- [🏅第四週版型攻略](/NrWmWaa8R2-SDuF9rBYlTw)
- [🏅第四週卡斯伯補充教材](/5lBuwihKT8-hpxsi_-leWQ)

- **第五週：後台表單設計 (5/8 20:00)**
- [🏅第五週老師講義](/gZKWtAHZT4GTKRxqSQrYfw)
- [🏅第五週小組任務](/G9HLIb-bQQSLco_PiZPR-g)
- [🏅第五週版型作業](/sg6HDDfsQh-q5B4b-AqMzQ)
- [🏅第五週版型攻略](/5MdoTFrzTMmiNDEgBI1rfA)

- **第六週：網頁規範設計流程 (5/15 20:00)**
- [🏅第六週老師講義](/4GW2Ioa5QXyEZ9WZXuDxrw)
- [🏅第六週小組任務](/36wkbZMpQEOqMHvS3VYf8w)
- [🏅第六週版型作業](/vJ6IYZPjTjmDs2eLruFIkw)
- [🏅第六週版型攻略](/g0yERZjiT2WkVkOIsLUMyQ)

- **第七週：視差滾動 (5/22 20:00)**
- [🏅第七週老師講義](/GyuIh512RJ2mgCtLY-DKbg)
- [🏅第七週小組任務](/-nNuxvxLSs-rehPpu5kTqw)
- [🏅第七週版型作業](/4yd1k6exS_CPq8G5t2wYGw)
- [🏅第七週版型攻略](/kT1YbHHvSlmxxlwc8fLneg)

- **第八週：CSS 模組化管理 (5/29 20:00)**
- [🏅第八週老師講義](/ChQdi2VQRkq9tLjAKpzoBg)
- [🏅第八週小組任務](/lZdkM-xYS0WwcGMZsrD3IA)
- [🏅第八週版型作業](/8y-8nnmgT-CBAqHSDrfwKQ)
- [🏅第八週切版攻略](https://hackmd.io/@hexschool/S1SAW_hhI)

第五章 訓練菜單與分享資源
---
- [洧杰老師訓練菜單](/iE6mxohOS-ujKU398Ewk1w)
- [助教群與後勤組](/bA4dDm7yQb-NRxm7C7NMzw)
- [作業繳交常見 QA](/ZCGxQ_OITlmFRxFgDgz0zw)
- [Adobe XD 線上標示文件操作](https://hackmd.io/J7ajdobzTlyideAARTLz5Q?view)
- [從 0 到 1 的 GitHub Pages 教學手冊](/@Albertnotes/B1_iKcAwI)
- [如何載入 Google Fonts?](https://hackmd.io/2nenMilfR7WSJSDI4WzcWA?view)
- [如何透過 Chrome 看別人程式碼？](https://hackmd.io/@Yo5GrExxRfClh2IThnFHhQ/H1X3hQiOL)
- [Win 10 錄影方式](https://hackmd.io/@Albertnotes/HJEOF92dI)
- [Mac 錄影方式](https://support.apple.com/zh-tw/HT208721)[target=_blank]
- [Chrome 插件 - 網頁測量工具](/2XhAbmYSTquT-UKnm7MpJg)
- [margin 與 padding 的使用時機](/9krH1l1SSFOl3hN3goNRlQ)
- [學員迷因圖分享](/EqPXEE71TXO_wvx9ivzKgg)
- [對切版有幫助 - 工具](https://hackmd.io/@Albertnotes/rylWr2Z9L)
- [BLOG 素材分享](/ntHjhDpeRvy4v6YPlQRiDQ)

Q&A
---
- [❓常見問題](/65wm0nQjR32NRs8FdJq59g)

附錄 資源
---

#### 經典討論

- [前端設計與網頁設計師差異](/JnWJ1UEgSqif1-k2oHb1Ug)
- [設計魔劍組出路建議](/qNmDMACpS3Cb3OCMGkc2LA)
- [工程師如何與設計師溝通](/tYQdkqH0RHOqFaAynskWVA)