[上課筆記] Angular: The Big Picture

  • 132
  • 0

Angular: The Big Picture

https://github.com/joeeames/PSAngularBigPictureCourse

Angular 1.x => AngularJS  有效能問題 所以打掉重來
Angular 2+  => Angular 目前主流 版本在4以前有點亂 現在 每6個月更新版本 還有LTS版本

Angular CLI
  - New Application
  - New Component / Service / Pipe ......
  - Serving up the Application
  - Linting
  - Testing
  - Building

Angular Framework - Router, http, forms, rxjs,..... 

Angular 使用TypeScript 強型別JS 也支援ES6(ES2015)

Angular 框架使用 DI (Angular 8 有調整 文件)

Angular Module 讓每個功能有自己的Module

Components 建構出 整個應用程式

Directives 可以在html 加上屬性 然後給予功能性 <div appear-on-hover>

Pipe - 提供格式化資料分 內建 跟 客製化 也就是可以決定 資料如何顯示 例如時間 可以用 yyyy/MM/dd

Tips 
  - 使用 CLI
  - Follow 官網文件
  - 排序 跟 篩選 請在Components 完成
  - 學習 TypeScript
  - 學習 Ngrx
  - lazy loading
  - 不要直接碰DOM
  - 理解你發送到瀏覽器的內容

 

 

如果內容有誤請多鞭策謝謝