---
# System prepended metadata

title: 第19組共筆筆記 | 目錄
tags: [2021 網頁切版班]

---

---
title: 第19組共筆筆記 | 目錄
tags: 2021 網頁切版班
---


 第19組共筆筆記 | 目錄
===

## 每日任務專區
- [week1-2](https://hackmd.io/usQ0SFOwREm5ZYRKcIMrDg) 
- [week3-4](https://hackmd.io/yNV7NEpqSfCLN0WzSHBhoA) 
- [week5-6](https://hackmd.io/gkSqF6cwQbWA8SR5ILjsMQ) 
- [week7-8](https://hackmd.io/UJpHgHuJSPGTkAUScW4yrg) 

## 第一週 
* [講義 - 1px不差的技術](https://hackmd.io/N_EWKZZzR0qWI6wEQ2AmLA?edit)[target=_blank]
    * [履歷切版-小抄影片](https://ithelp.ithome.com.tw/articles/10240326)[target=_blank]
    * [margin 與 padding 的使用時機](/9krH1l1SSFOl3hN3goNRlQ)[target=_blank]
    * [padding 與 line height 的使用時機](https://youtu.be/keRHKc0t250)[target=_blank]
* [小組任務](https://hackmd.io/tGtPukfZSVehEZtpZgvlcA)[target=_blank]
* [小組共筆](https://hackmd.io/MJFCAmllS7myT3YrMj_1mw?view)
* [Padlet 討論區](https://padlet.com/sylvie11gaia/F2E)

## 第二週 
* [主線講義](https://hackmd.io/yWpLNMPRT2yvIR4Zq_idGw?view)
    * [gulp 環境安裝流程](https://hackmd.io/yWpLNMPRT2yvIR4Zq_idGw?view)
    * [gulp 常見錯誤整理](https://hackmd.io/qy3I0vRNRRCoC3kmj3o8AQ?view)
* [小組任務](https://hackmd.io/L_EfoS5aQ8KGJb5rmgCrCQ)[target=_blank]
* [小組共筆](https://hackmd.io/iHa0-KL9T021m_7JYkDDoA?view)
* [助教課程筆記](https://hackmd.io/@Joy324/SkgRA9Mjad)

## 第三週 
* [主線講義](https://hackmd.io/lYFK_AxxT2KiDuXlWTaYBw?view)
* [直播課程筆記](https://www.notion.so/joychiao/RWD-e52c7b2eda4d4a7db31f70f781c3aef1)[target=_blank]
* [[影片]以 UI 設計角度切入響應式設計該注意的細節](https://courses.hexschool.com/courses/670051/lectures/11953526)[target=_blank]
* [[影片]彩蛋課程：Sass、RWD 無痛整合，提升網頁開發效率](https://courses.hexschool.com/courses/670051/lectures/11953744)[target=_blank]
* [Material icon Outlined 用法 by Sz](/fX6SikWpRAuzfE7glNi33w)
* [Scss中比較常用的mixin](https://codertw.com/%E7%A8%8B%E5%BC%8F%E8%AA%9E%E8%A8%80/666745/#outline__1_11)
* [小組任務](https://hackmd.io/_RIZHsygQTOG_MqhEIJwUA?view)[target=_blank]
* [小組共筆](https://hackmd.io/bknO-gK-T0quBFDEtulj5w?view)

## 第四週 
* [主線講義](https://hackmd.io/4Ckl8ooyR5W5U87J4_z3nA?view)
* [直播課程gulp筆記](https://joychiao.notion.site/9cc9ef929d114fd4857c94159dbdf747)[target=_blank]
* [小組任務](https://hackmd.io/J_5u4CpUSlyZFzpeo1YvkQ?view)[target=_blank]
* [小組共筆](https://hackmd.io/wv9Hoz1aTBeveKkXs9-EMg?view)
* [漢堡選單補充](https://hackmd.io/wSlwaapcQh67DhnQoAaV7g?view)

## 第五週 
* [主線講義](https://hackmd.io/DH5OKGbfRoarujYZqfaF1Q)
* [小組任務](https://hackmd.io/xhBHveD-RrW2VhoXduXmMw)[target=_blank]
* [小組共筆](https://hackmd.io/yWYIvJ0SQFiDcv7p0VuWeg?view)

## 第六週 
* [主線講義](https://hackmd.io/3BwobmhTSuWEflfL7G9F5Q)
* [小組任務](https://hackmd.io/CwTin4V2RESOwFVe9fjG-g)[target=_blank]
* [小組共筆](https://hackmd.io/4f6TCFcnTvyX3hqqi2lAPQ?view)

## 第七週 
* [主線講義](https://hackmd.io/y-raAv5_T_GbNCGcz2UPxA)
* [小組任務](https://hackmd.io/nm6wyj9PQOWLSBZtji_cHw)[target=_blank]

## 第八週 
* [主線講義](https://hackmd.io/8yu7iXUuRQGkGMs2aH8DLg?edit)
* [小組任務](https://hackmd.io/BsMDV27_QISraWR5rdzMJA)[target=_blank]
* [小組共筆](https://hackmd.io/CSoUGzymRE2TrlLE0QAX6Q?view)

## 老師助教修改紀錄
* [助教每日修改回覆](https://hackmd.io/@hexschool/r1E6nDcud/https%3A%2F%2Fhackmd.io%2FyS-Fj_i5SouAhURLBvNNdg)[target=_blank]
* 校長scss 修改記錄 
    * [第3-4週](https://hackmd.io/48BTVPQVR_y4jq2E0PFHXQ?view#%E7%AC%AC34-%E9%80%B1)
    * [第6週](https://hackmd.io/48BTVPQVR_y4jq2E0PFHXQ?view#%E7%AC%AC-6-%E9%80%B1)
    * [第8週](https://hackmd.io/48BTVPQVR_y4jq2E0PFHXQ?view#%E7%AC%AC%E5%85%AB%E9%80%B1)

### Other
- [Chrome 插件 - 網頁測量工具](/2XhAbmYSTquT-UKnm7MpJg)
- [對切版有幫助工具](https://hackmd.io/@Albertnotes/rylWr2Z9L)
- [小組線上會議時間票選](https://docs.google.com/spreadsheets/d/1xCWJXXjUslARrWlD6VPylvdBI2ctJ8lGjn2HC6non48/edit#gid=0)
- [小組週間討論會時間票選](https://docs.google.com/spreadsheets/d/1jPK8PL3dOY6qsfq37fk7dWEKyH2yZP2ScqepjK178TM/edit#gid=0)


## 基礎練習小工具
- [洧杰老師訓練菜單](/iE6mxohOS-ujKU398Ewk1w)
- [切版練習工具合集](https://medium.com/%E9%BA%A5%E5%85%8B%E7%9A%84%E5%8D%8A%E8%B7%AF%E5%87%BA%E5%AE%B6%E7%AD%86%E8%A8%98/%E4%BB%80%E9%BA%BC%E6%98%AF%E5%88%87%E7%89%88-%E5%88%87%E7%89%88%E7%B7%B4%E7%BF%92%E7%9A%84%E6%96%B9%E5%BC%8F%E8%88%87%E5%B7%A5%E5%85%B7-7069b2dbf742)
- [Cheat Sheet快速碼 | Emmet](https://docs.emmet.io/cheat-sheet/)[target=_blank]
- [Wrap with Abbreviation](https://pjchender.blogspot.com/2016/07/emmet.html)
- [Codepen 使用教學](/TvXxCe7_SxWIhEnIK2-xZQ)
- [HackMD 使用教學](https://hackmd.io/@hackmd/tutorials-tw)[target=_blank]
- [從 0 到 1 的 GitHub Pages 教學手冊](/@Albertnotes/B1_iKcAwI)[target=_blank]
- [Github Pages如何透過 Chrome 看別人程式碼？](https://hackmd.io/@Yo5GrExxRfClh2IThnFHhQ/H1X3hQiOL)

## VS code 插件
1. [Google Fonts載入教學](https://hackmd.io/bvLKze7nRU6kOa2jZxXDIg)[target=_blank]
2. [Bootstrap5 官網 | 六角譯](https://bootstrap5.hexschool.com/)[target=_blank]
3. [Font Awesome](https://fontawesome.com/)[target=_blank]
4. [snippet generator 產生程式碼片段](https://snippet-generator.app)[target=_blank]

### 體驗營筆記影片
- [收錄自5湖4海高手](/LPP5jCPdT5KUYFvqX5Vayg)
- [程式新手如何突破困境並邁向自由人生 | Will保哥](https://www.facebook.com/119279178101235/videos/1788974251285389)[target=_blank]
- [疫情國家隊第4組](https://hackmd.io/@herbalice/rJK9oOIqu)[target=_blank]
  - 很厲害的組別，下面的資訊都是從第4組搬過來的，大家可以去看他們整理的筆記。