---
# System prepended metadata

title: TED102 Web 前端設計工程師養成班
tags: [前端設計工程師養成班]

---

###### 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/
