###### tags: `前端設計工程師養成班`
# TED102 Web 前端設計工程師養成班

# Github
https://github.com/sexfat/ted102

# Git 講義
https://bryant-huang.gitbook.io/git/

# 工具下載
https://www.sourcetreeapp.com/

# 安裝sass

- 安裝
`npm install -g sass`

- 查詢
`sass --version`

# sass vscode 編譯工具
https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

  "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "/css/"
        }
    ],

# uiux 講義

https://drive.google.com/file/d/1drD28-Ii2du1udRL4XKOiuCUPGW6uEz7/view?usp=sharing

# ui 組件講義
https://hackmd.io/@huhantin/SyNDH5kuw#/

# 網站參考

- 樣板 http://preview.themeforest.net/item/able-pro-responsive-bootstrap-4-admin-template/full_screen_preview/19300403?_ga=2.238482952.903833734.1603421778-220591041.1581305097

- 樣板 https://preview.themeforest.net/item/goya-modern-woocommerce-theme/full_screen_preview/25175097?_ga=2.192519466.1097852829.1603425059-220591041.1581305097

- 找圖 https://www.pinterest.com/pin/739082988824528558/

- 樣板 http://ableproadmin.com/bootstrap/default/

- 網站資源大全 https://hao.uisdc.com/

- icon https://www.flaticon.com/

### 字體

https://fonts.google.com/

### 文章
https://medium.com/

### 圖片下載
https://www.freepik.com/

### google desing guildline
https://material.io/