---
# System prepended metadata

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

---

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


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

# github ted101
https://github.com/sexfat/ted101


# 安裝git
https://git-scm.com/


# uiux講義
https://docs.google.com/presentation/d/1-gc6D2y4LdSOjhcy-269yVO4F721XtYC/edit#slide=id.p1


# 找套件

https://cdnjs.com/

# gsap2

https://greensock.com/docs/v2

# scrollmagic

- https://scrollmagic.io/
- https://cdnjs.com/libraries/ScrollMagic

```htmlmixed=
 <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script>
```



- 補間效果
https://greensock.com/docs/v2/Easing


## 範例參考

1. https://codepen.io/Apetit/pen/xbMxXP
2. https://codepen.io/vinsongrant/pen/obWeYd
3. https://codepen.io/twindev/pen/KVPdRN
4. https://codepen.io/fuzinato/pen/iugyw
