Contents
學習大量 RxJ 運算符,透過實際範例學習所有 RxJs 和 Reactive Programming ( 響應式程式設計 )核心概念
從這 4.5 小時的課程,你會學到
- Github repository 中的程式碼,每個部分包含可下載的 ZIP 檔
- 透過實際範例學習 RxJs library
- 熟悉 RxJs 運算子的擴充子集
- 詳細了解響應式程式設計的核心概念
- 了解如何以響應式設計和建立應用程式
要求
- 只需一點 JavaScript
- 無需具備 Typescript 或 Angular 的先前知識
- 不需要任何 RxJs 知識,我們將從頭開始
課程說明
本課程簡介(注意:本課程包括 Typescript Jumpstart 電子書)
本課程是 RxJs 函式庫(Javascript 的響應式擴充)的完整實用指南。
如果你是剛開始使用 Angular 生態系統的開發人員,或者即使你已經有一些經驗,你會發現最難理解的部分是 RxJ。
這是因為 RxJ 和響應式程式設計有一個陡峭的學習曲線,使得很難直接跳入現有程式並透過範例來學習這些概念。 對於 RxJ,這種方法根本行不通。 相反,我們需要從頭開始,先學習一些基線反應式設計( baseline reactive design )概念。
在本課程中,我們將首先介紹幾個基線概念,然後我們將提供你 RxJ 運算符的擴展目錄,這些運算符實際上將滿足你的絕大多數日常需求。
此外,這裡的目標不是涵蓋每個運算符,而是選擇包含最常用運算符的擴展子集,並為每個運算符提供實際範例。
本課程的另一個目標是展示 RxJs 如何用於使用 Reactive Design ,而不是命令式程式設計風格( imperative programming style )建立程式。
課程大綱
我們將首先快速介紹 RxJs:我們將介紹 Stream 和 Observable 的概念,我們將回答常見問題,例如:什麼是 RxJs,何時使用它以及為什麼使用它,它解決了什麼問題?
然後,我們將從首要原則編寫我們自己的 Observable:我們將實作我們自己的 HTTP observable,這將允許我們處理後端 HTTP 請求,同時支援錯誤處理和取消。
在快速介紹之後,我們將直接深入探討涵蓋多種運算子的實際範例。 我們將透過使用官方 RxJs 彈珠圖( official RxJs marble diagrams )解釋操作符的行為來介紹操作符,然後我們將用一個實際範例對其進行補充。
我們將首先從 Map 和 Filter 運算子開始,然後快速轉向更複雜的運算符,例如 shareReplay、concat、concatMap 以及其他常用的可觀察組合策略,例如:merge 和 mergeMap、exhaustMap、switch 和 switchMap。 我們將為這些運算符提供實際範例,包括後端保存操作和搜尋預輸入。
然後我們將介紹幾種 RxJ 錯誤處理策略,例如捕獲並恢復、捕獲並重新拋出或重試。
我們還將介紹主題的概念,並給出幾個常用主題的範例,例如BehaviorSubject 或 AsyncSubject。 然後,我們將使用一個主題來實作一個非常常用的反應模式:我們將從第一原則實作一個集中式可觀察儲存。
我們還將介紹許多其他常用的運算符,包括但不限於:withLatestFrom、forkJoin、take、first、delay、delayWhen、startWith 等。
在課程結束時,我們將從首要原則實現我們自己的自訂可管道操作符:我們將實現一個調試操作符,這對於調試我們的 RxJS 程式非常有幫助。
你將在本課程中學到什麼?
透過學習本課程,你將學習如何在實踐中使用 RxJs library 以響應式方式( reactive style )建立應用程式。 你將很好地理解作為反應式程式設計( reactive style. )基礎的核心概念,例如 Streams 和 Observables。
你還將熟悉操作符的擴展子集,這些操作符實際上將提供你使用 RxJ 以響應式方式建立應用程式所需的一切。
看看以下的免費課程,祝你享受課程!
目標受眾
- 開發人員試圖理解 RxJs 庫
- 希望學習響應式程式設計的開發人員
- 開發人員試圖了解如何以響應式設計風格( Reactive Design style )建立應用程式
講師簡介
Angular University 最暢銷的 Angular 課程 | 10 萬+ 學生 | 16 門課程
大家好,我是 Vasco Cavalheiro,是 Angular 大學的線上講師。
多年來,我已經幫助超過 10 萬名開發人員學習 Angular 框架及其周圍的技術生態系統。
在右上角的連結部分查看我的 Linkedin。
關於 Angular 大學:
Angular 大學的目標是成為您學習和跟上整個 Angular 生態系統的一個地方。 我們提供優質的截圖影片教學。
無論你是 Angular 的初級、中級還是高級,我們都有適合你的課程。
更多關於我:
我是一名擁有多年經驗的軟體開發人員,在使用 Angular 建立使用者介面方面經驗豐富。 多年來,我一直在各種企業專案中擔任前端開發人員/架構師。
我參與了大量的專案,從幫助建立歐洲犯罪記錄資訊交換系統的單頁應用程式,到全新的電子銀行門戶,再到企業銀行門戶等等。 我一直是內部框架團隊的關鍵成員,該團隊為數十名開發人員的內部部門建立了框架。
我也喜歡教授、寫作和談論技術。 我期待成為你的 Angular 講師,
親切的問候,
Vasco
字幕:中文、英文
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- 點選這個 Network & Security 課程✨優惠連結✨ ( NT390 起特價中 ) | 新客戶✨ 優惠連結 ✨| Udemy 永久擁有課程 ( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- Angular 相關線上課程
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
發表迴響