講解angular 目前版本中的基礎 除了介紹基底語言以外也有針對框架本身的架構作解說，也有關鍵的第三方套件的解說

1. 初探 Angular

2. Angular 介紹
以強型別的TypeScript為基底語言的平
台
入門門檻低
現行的Angular2 或 Angular4 跟之後的版
本統稱為 Angular，1.X的版本則稱為
AngularJS

3. Typescript 介紹
作者是C#之父，所以這是一套用起來近
似於C#的語言
具有強型別的特性
預先編譯，語法偵錯

4. Angular 必須知道的事
核心是Component
Module 用來管理整個系統的構成
所有的組件都是Class 只是透過
Metadata 而有所區別

5. Angular Architecture

6. Metadata 介紹
讓Angular 活起來的關鍵，是整個
Angular 的潤滑劑
賦予Class 各種不一樣的特徵
告訴Angular 每個Class 的關係以及關聯

7. Component 介紹
控制著 Template(View) 的邏輯
RootComponent 控制著整個系統的Set
Up
透過Metadata 跟 Template 做聯繫
Template 也透過 Metadata跟Directive
做聯繫

8. Data Binding 的分類
資料繫結： {{ data }}
屬性繫結： [ attribute ] = “Value”
事件繫結：(event) = “somemethod($event)”
雙向繫結： [( ngModel )] = “V

9. Directive & Service 介紹
Directive 控制關於渲染畫面的邏輯
Service 可以用來儲存固定的系統邏輯、
商業邏輯
在Component 需要的時候，DI(依賴注入)
就可以使用

10. Module 介紹
管理Component 為主，也管理
Component 裡會用到的Directive、
Service
Angular 都已經模組化，許多內建的大型
功能都已經發散成許多子模組
每個Angular 應用程式都只擁有一個
Root Module

11. Core Library介紹
在Angular 已經做好了許多功能強大的
Module ，例如：RoutingModule,
FormsModule….
其中許多Module 是以RxJS 為基礎做成
整個Angular 的ErrorHandler以及
Detection Change機制是由ngZone 做
成

12. Core Library介紹 - RxJS
處理複雜的非同步需求(延遲需求、多事
件組合、多個非同步的協調運作)
有確定納入Es7 標準的Oberservable

13. Typescript 介紹
主要負責攔截程式的錯誤訊息，精準地報
錯給使用者知道
追蹤Angular 裡非同步事件的狀態
負責Angular 裡的畫面的非同步渲染以及
即時更新
Angular 裡面的Hook