---
# System prepended metadata

title: ttp3 前端資源

---

# ttp3 前端資源

## Angular
* 官方文件 https://angular.tw/
* Angular Taiwan 技術論壇 https://forum.angular.tw/top/yearly

### List Box

* angular listbox https://stackblitz.com/edit/angular-listbox?file=src%2Fapp%2Fapp.component.html

## TypeScript

* Typescript 初心者手札 https://ithelp.ithome.com.tw/users/20120053/ironman/2273
* TypeScript 新手指南 https://willh.gitbook.io/typescript-tutorial/
* 讓 TypeScript 成為你全端開發的 ACE！ https://ithelp.ithome.com.tw/users/20120614/ironman/2685?sc=iThelpR


## UI 套件

* Angular Material https://material.angular.tw/
* PrimeNG https://www.primefaces.org/primeng/

## RxJS
* RxJS 教學影片 https://youtu.be/BA1vSZwzkK8
* 打通 RxJS 任督二脈 https://ithelp.ithome.com.tw/users/20020617/ironman/2959?sc=iThelpR
* RxJS 動畫 https://reactive.how/
## Functional Programming
* Functional Programming in JS https://ithelp.ithome.com.tw/users/20106426/ironman/3024


## Git
* GitFlow 教學影片 https://w3c.hexschool.com/git/bcce3d47
* GitKraken 安裝教學 https://hackmd.io/bUW5VWSWTVKwhQlojuJVIw?view
* GitKraken 教學文章 https://wellwind.idv.tw/blog/2018/04/03/git-using-gitkraken-1-basic/
* Git 小遊戲 https://learngitbranching.js.org/?locale=zh_TW

* 為你自己學 Git https://gitbook.tw/

## 其他套件

* 登入套件 https://www.npmjs.com/package/angularx-social-login
* 文字編輯器套件 https://www.tiny.cloud/docs/integrations/angular/

## 技術文章

* Google & Facebook 登入登出 https://www.tpisoftware.com/tpu/articleDetails/2118
* Google OAuth 2.0 申請與使用指南 https://xenby.com/b/245-%E6%95%99%E5%AD%B8-google-oauth-2-0-%E7%94%B3%E8%AB%8B%E8%88%87%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97
* 澳洲超強工程師 DEMO https://jasonwatmore.com/

## 參考程式碼 source code
* 陣列清單處理方法 https://stackblitz.com/edit/angular-listbox?file=src%2Fapp%2Fapp.component.html
* checkbox https://stackblitz.com/edit/angular-at-least-one-checkbox-checked?file=src%2Fapp%2Fapp.component.ts
* scrollHeight https://developer.mozilla.org/zh-TW/docs/Web/API/Element/scrollHeight
