iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

Angular 8 從推坑到放棄 系列

紀錄一下這三個月來使用Angular的各種心得,雖不是什麼高手,單是就如何學習Angular,還是有一些個人見解,想拿出來與大家分享。

鐵人鍊成 | 共 30 篇文章 | 27 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day 20] Angular 使用 React Form

如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form 處理應當會比 Template-Drive Form 好解決. 匯入...

2019-10-07 ‧ 由 TimTim 分享
DAY 22

[Day 21] 介紹 Pipe

透過Pipe,可以不用在Component端寫程式改變資料的顯示模式,而是透過 Pipe 的模式來調整要顯示的資料內容,如此一來我們就不用在 Component...

2019-10-08 ‧ 由 TimTim 分享
DAY 23

[Day 22] 什麼是ngrx

簡單講就是NgRx = Redux + RxJS + Angular但是 Redux 又是什麼 我需要用 NgRx嗎 你不應該使用 NgRx 到底要不要用 Ng...

2019-10-09 ‧ 由 TimTim 分享
DAY 24

[Day 23]最佳化 Angular Application

如何 最佳化 Angular Application Angular 會分析所有 NgModule 了解妳目前專案的特性 Angular Module 會隔離...

2019-10-10 ‧ 由 TimTim 分享
DAY 25

[Day24] 部署 Angular

步驟 使用並且確認環境設定是否正確 撰寫 Unit Test 以及確認Code 是否正確 ng build -prod(會花比平常 ng build 或是...

2019-10-11 ‧ 由 TimTim 分享
DAY 26

[Day 25] 使用ngrx in Angular(2)

Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...

2019-10-12 ‧ 由 TimTim 分享
DAY 27

[Day26] 使用ngrx in Angular(3)

接下來我們就來看 ngrx 基本的使用方式. ngRX最主要由以下幾個部分組成 Actions State Change Selectors Store n...

2019-10-13 ‧ 由 TimTim 分享
DAY 28

[Day27] 使用ngrx in Angular(4)

接下來來介紹如何使用 Redux Tool 安裝 Redux Tool Extenstion 引用 StoreDevtoolsModule.instrument...

2019-10-14 ‧ 由 TimTim 分享
DAY 29

[Day28 ]建立 PWA 應用

PWA 就是一個很像 Native App 的 Web App,而其中瀏覽器的支援也佔了很大的一部分。 目前最新的瀏覽器開始支援 Service Worker...

2019-10-15 ‧ 由 TimTim 分享
DAY 30

[Day29] 完賽心得

寫這一篇文章是為了整理目前使用專案所學習到的 Angular。想說順便鞭策自己整理筆記,加強學習效果,就報名參加了。因為沒什麼準備,每天都處在思考明天要寫什麼的...

2019-10-16 ‧ 由 TimTim 分享