# 第二週｜課程直播｜切版班 by Sz
###### tags: `Sz` `第二週` `直播筆記` `2021夏季切版班`

## 心靈守則
> 面對它、接受它、處理它、放下它

## 校長語錄
> 喜歡這句話：強的是了解自己的人，不是聰明的人（後半段忘ㄌ

## 為何先學 `flexbox`
`grid` 垂直的比較不好做
覺得學了一個就會想再學新的了XD
終究是會都學起來ㄉ

## 外容器與內容
[動畫版 flexbox](https://codepen.io/osublake/pen/dMLQJr)
### 外容器
- `display: flex`
- `flex-flow`
- `flex-direction`
- `flex-wrap`
- `justify-content`
- `align-items`
- `align-content`

### 內容物
- `flex`
- `flex-grow`
- `flex-shrink`
- `flex-basis`
- `align-self`
- `order`

## 主軸與交錯軸
- 主軸：跟其他兄弟姊妹搶空間
- `justify-content`
- 交錯軸：你的人生你自己可以決定
- `align-items`
- 兄弟姊妹半路殺出來干擾你的人生：`wrap`
- `align-content`：再跟他們搶人生

## flex 中 flex
如果需要多層次的內容，在內層再下 `flex`

## div 跟 ul>li
阿你也是哺乳類，為什麼需要有名字

## img,background image
如果後端需要換資料，寫 `img` (動態產生)
CSS 是寫死的，沒辦法跟後端連動
`background` `url` 要動態產生的話就寫在 html

## client side, server side render(CSR, SSR)

## 找工作
記得問清楚工作內容
職稱都是業障重

### 天花板
網頁設計：100
前端：150
後端：150-200-250

### 切版跟 UI/UX 的關係
UI/UX 會需要一點前端 sence

## 第二週主線任務
- 一天內及格
- 一小時滿分拉

RWD 之後校長也會來改主線 wow

## gulp
官網用`ejs`
跟 SSG 很像的東西
想用 `sass` 可能要測測看
六角 courses 是租 teachable 的平台