# Day00 文章目錄

TODO 建置後端API讓人測試?
假資料/聊天室

1. [x] 簡介
1. [x] 安裝
1. [x] 專案架構目錄
1. [x] Angular CLI
- ng new -> style資料夾
- ng serve
- ng build

1. *Component* - binding
- [x] `{{}}` call member
- [x] `()` call func
- [x] `[]` attribute
- [x] `[()]` two way binding
- `#template`

1. [x] *Decorator* - `@Component`
- selector
- style
- template

1. *Directive* - 指示
思考如何透過JS方法綁定
https://blog.bitsrc.io/directives-in-angular-6160ce805416
- `<app-root>`
- attribute

1. *Directive* - 樣板上的結構型指示
- [x] `*ngFor`
- [x] `*ngIf`
- ngTemplate
- ngContainer

1. [x] import套件 bootstrap

1. *Typescript*
- [x] member
- [x] method

1. *Typescript*
- [x] interface
- type
- `super()`

1. tsLint

1. [x] 生命週期 ngOnInit Constructor

1. *RxJS* - 四種訂閱、觀測物件 $
subscription.add
return Obserable
- Obserable
- Subject
-

1. *RxJS* - 深入研究
不要巢狀subscribe
- map
- switchMap
- skipWhile
- take
- timer

1. `angular.json`

1. *React Form*
- FormBuilder FB
- FormControl
-
- error
- touched
- dirty
- validation

1. Guard
2. Module
3. Route routing
4. Service 放哪
7. pipe i18n zh-tw.json
8. 2種modal async await
10. viewChild 父子元件傳值
11. onPush detectStrategy
12. Proxy
13. 小數點乘小數點 https://www.npmjs.com/package/number-precision