---
# System prepended metadata

title: 第二週支線待辦 by Sz
tags: [Sz, 練功菜單, 2021夏季切版班, 第二週]

---

# 第二週支線待辦 by Sz
###### tags: `Sz` `第二週` `練功菜單` `2021夏季切版班` 



## 第一項：熟悉知識觀念

- [x] 做當週關卡作業，吸收當週教授觀念
- [x] 將本週教授內容寫成部落格，以加深程式觀念
    - 只有寫成筆記
    - [x] [第二週切版直播筆記 by Sz](/1coV3uojR6eZXKoGhLihSA)
    - [x] [課前該用好的 gulp by Sz](/JIqaY79XQxqolJVJr3YZug)
- [ ] 自主學習新語法，並寫成筆記


## 第二項：編輯器與 emmet 熱鍵

- [x] 熟悉三個編輯器熱鍵，[熱鍵中文表](https://github.com/hexschool/VSCode_Hotkey_Translation)
    - [x] 切換正在使用的 group ：`ctl + 1, 2` (mac)
    - [x] Duplicate 該行到上下行：`alt(option) + shift + 上下鍵`
    - [x] 建立新資料夾 make directory
```
mkdir <該路徑>
```
- [x] 幾乎全程使用 [emmet](https://docs.emmet.io/cheat-sheet/) 來開發

## 第三項：英打速度

- [x] 透過 [keybr.com](http://keybr.com/) 練習英打
    - `11min` ![](https://i.imgur.com/w57EPhX.png)
    - `1hr11min`![](https://i.imgur.com/ksArPff.png)

- [x] 刻意練習 [emmet](https://www.youtube.com/watch?v=l6iWMjlK2YU&list=PLYrA-SsMvTPOxjOi9BvWLJcbGLULH-uQF&index=7&t=0s) 與常見英文命名鍵位，[程式碼片段](https://github.com/hexschool/EmmetPractice)

## 第四項：語意命名
- [x] 命名習慣，盡量採語意設計 (left、box、list1、list2、list3)
- [x] 小駝峰寫法： .menuList、.card-title


## 第五項：SCSS 程式碼管理
- [x] Sass、SCSS 寫法
- [x] import 檔案切分
- [x] 導入 Base、Layout、util、格線系統等概念
- [ ] 嘗試 7+1 結構


## 第六項：設計模式導入
- [x] OOCSS：結構與樣式分離、容器與內容分離
- [x] BEM：嘗試寫法

## 第七項：熟練度練習
- [x] 一天內完成：第一~二週
    - [x] 第二週主線：3hr
- [ ] 兩天內完成：第三週
- [ ] 三天內完成：第四週~第五週
- [ ] 五天內完成：第六週
- [ ] 七天內完成：第八週





