Course Code: angularrxjs
Duration: 14 hours
Prerequisites:
  • A solid foundation in Angular coding.
  • An understanding of basic web technologies.
  • Experience with Typescript.

Audience

  • Angular application developers
Overview:

Reactive programing is an asynchronous programing paradigm that focuses on data streams and the propagation of data by establishing a defined dependency between the underlying execution models and the emitted data streams from one component to another. Many Angular application design inefficiencies when building asynchronous UIs can be overcome by utilizing reactive style patterns offered by the RxJS library.  

In this instructor-led, live training, participants will learn how to implement Observable patterns into their Angular application designs as they step through a series of cases showcasing common angular design problems and how they benefit from reactive programing designs.

By the end of this training, participants will be able to:

  • Understand the reactive programing paradigm and the RxJS library.
  • Build UI heavy Angular applications with scalability, flexibility, and responsiveness in mind using reactive programming patterns.

Format of the Course

  • Interactive lecture and discussion.
  • Lots of exercises and practice.
  • Hands-on implementation in a live-lab environment.

Course Customization Options

  • To request a customized training for this course, please contact us to arrange.
Course Outline:

Introduction

Observables

  • Basic usage and terms
  • Defining observers
  • Subscribing
  • Creating observables
  • Multicasting
  • Error handling

The RxJS Library

  • Creation functions
  • Operators
  • Common operators
  • Error handling
  • Handling failed observable
  • Naming conventions

Observables in Angular

  • Event emitter
  • HTTP
  • Async pipe
  • Router
  • Reactive forms

Practical Usage

  • Type-ahead suggestions
  • Exponential backoff

Observables vs Promises

  • Creation and subscription
  • Chaining
  • Cancellation
  • Error handling

Observables vs Events API

Observables vs Arrays

Summary and Conclusion

Sites Published:

United Arab Emirates - Reactive Programming with Angular RxJS

Qatar - Reactive Programming with Angular RxJS

Egypt - Reactive Programming with Angular RxJS

Saudi Arabia - Reactive Programming with Angular RxJS

South Africa - Reactive Programming with Angular RxJS

Brasil - Reactive Programming with Angular RxJS

Canada - Reactive Programming with Angular RxJS

中国 - Reactive Programming with Angular RxJS

香港 - Reactive Programming with Angular RxJS

澳門 - Reactive Programming with Angular RxJS

台灣 - Reactive Programming with Angular RxJS

USA - Reactive Programming with Angular RxJS

Österreich - Reactive Programming with Angular RxJS

Schweiz - Reactive Programming with Angular RxJS

Deutschland - Reactive Programming with Angular RxJS

Czech Republic - Reactive Programming with Angular RxJS

Denmark - Reactive Programming with Angular RxJS

Estonia - Reactive Programming with Angular RxJS

Finland - Reactive Programming with Angular RxJS

Greece - Reactive Programming with Angular RxJS

Magyarország - Reactive Programming with Angular RxJS

Ireland - Reactive Programming with Angular RxJS

Luxembourg - Reactive Programming with Angular RxJS

Latvia - Reactive Programming with Angular RxJS

España - Programación Reactiva con RxJS Angular

Italia - Reactive Programming with Angular RxJS

Lithuania - Reactive Programming with Angular RxJS

Nederland - Reactive Programming with Angular RxJS

Norway - Reactive Programming with Angular RxJS

Portugal - Reactive Programming with Angular RxJS

România - Reactive Programming with Angular RxJS

Sverige - Reactive Programming with Angular RxJS

Türkiye - Reactive Programming with Angular RxJS

Malta - Reactive Programming with Angular RxJS

Belgique - Reactive Programming with Angular RxJS

France - Reactive Programming with Angular RxJS

日本 - Reactive Programming with Angular RxJS

Australia - Reactive Programming with Angular RxJS

Malaysia - Reactive Programming with Angular RxJS

New Zealand - Reactive Programming with Angular RxJS

Philippines - Reactive Programming with Angular RxJS

Singapore - Reactive Programming with Angular RxJS

Thailand - Reactive Programming with Angular RxJS

Vietnam - Reactive Programming with Angular RxJS

India - Reactive Programming with Angular RxJS

Argentina - Programación Reactiva con RxJS Angular

Chile - Programación Reactiva con RxJS Angular

Costa Rica - Programación Reactiva con RxJS Angular

Ecuador - Programación Reactiva con RxJS Angular

Guatemala - Programación Reactiva con RxJS Angular

Colombia - Programación Reactiva con RxJS Angular

México - Programación Reactiva con RxJS Angular

Panama - Programación Reactiva con RxJS Angular

Peru - Programación Reactiva con RxJS Angular

Uruguay - Programación Reactiva con RxJS Angular

Venezuela - Programación Reactiva con RxJS Angular

Polska - Reactive Programming with Angular RxJS

United Kingdom - Reactive Programming with Angular RxJS

South Korea - Reactive Programming with Angular RxJS

Pakistan - Reactive Programming with Angular RxJS

Sri Lanka - Reactive Programming with Angular RxJS

Bulgaria - Reactive Programming with Angular RxJS

Bolivia - Programación Reactiva con RxJS Angular

Indonesia - Reactive Programming with Angular RxJS

Kazakhstan - Reactive Programming with Angular RxJS

Moldova - Reactive Programming with Angular RxJS

Morocco - Reactive Programming with Angular RxJS

Tunisia - Reactive Programming with Angular RxJS

Kuwait - Reactive Programming with Angular RxJS

Oman - Reactive Programming with Angular RxJS

Slovakia - Reactive Programming with Angular RxJS

Kenya - Reactive Programming with Angular RxJS

Nigeria - Reactive Programming with Angular RxJS

Botswana - Reactive Programming with Angular RxJS

Slovenia - Reactive Programming with Angular RxJS

Croatia - Reactive Programming with Angular RxJS

Serbia - Reactive Programming with Angular RxJS

Bhutan - Reactive Programming with Angular RxJS

Nepal - Reactive Programming with Angular RxJS

Uzbekistan - Reactive Programming with Angular RxJS