Angular 11: Reactive Programming With RxJS & Observables

Angular    |    Intermediate
  • 6 videos | 18m 53s
  • Includes Assessment
  • Earns a Badge
The RxJS (Reactive Extensions for JavaScript) library in Angular allows you to engage in reactive programming that uses observables to make it easier to perform a variety of asynchronous operations. Take this course to supplement your knowledge of event-based programming in Angular. Explore the key features of the RxJS library, take advantage of observables over promises, utilize HTTP Requests to retrieve data, and subscribe to observables for data. After completing this course, you'll be able to use Angular with RxJS to create interactive and dynamic single-page applications.


  • Discover the key concepts covered in this course
    Explore angular rxjs library and describe event-based programming and streams
    Examine the characteristics of observables in angular and differentiate between promises and observables
  • Create a http get request, handle http response, and create and handle httpclient observables
    Extract data from observables and subscribe to observables for data
    Summarize the key concepts covered in this course


  • 1m 6s
    Here, you’ll learn more about your instructor and this course. In this course, you’ll explore the RxJS library. You’ll also examine the characteristics of observables in Angular. Then, you’ll retrieve data using HTTP and the HTTP protocol. Finally, you’ll also subscribe to observables. FREE ACCESS
  • 2m 26s
    Here, you’ll get a high-level overview of the RxJS library. This is a library for reactive programming using something called an observable. It stands for Reactive Extensions for JavaScript. With it, you can author asynchronous or callback-based code. With this library, you can deal with whatever data comes your way. This library provides an implementation of the Observable type. FREE ACCESS
  • Locked
    3.  Characteristics of Observables in Angular
    2m 53s
    Here, you’ll take a deeper dive into observables and promises. An observable is a function. It's an object. It’s also an interface that handles asynchronous operations. The most common operation would be handling data after an API call. With an observable, you can code a custom event. A promise in JavaScript is like a placeholder for a value that will be provided in the future. FREE ACCESS
  • Locked
    4.  Retrieving Data with HTTP Request
    6m 41s
    Here, you’ll watch a demo. In this demonstration, you’ll make an HTTP get request to a publicly available API. You’ll then handle the response from that request using an observable. Onscreen you’ll see a component created using Angie New. You’ll get your data from a public website called JSONPlaceholder. Developers use this website to test out their code. FREE ACCESS
  • Locked
    5.  Subscribing to Observables
    4m 26s
    Here, you’ll watch a demo. In this demonstration, you’ll learn about subscribing to Observables. You’ll work with the same application you’ve been working with throughout this series. In it, there's a component called product.component.ts. You’ll be extracting data from an Observable that you used in a previous demonstration. FREE ACCESS
  • Locked
    6.  Course Summary
    1m 21s
    Here, you’ll summarize what you’ve learned in this course. You’ve learned about the RxJS library and you worked with Observables. The RxJS library is built around Reactive Programming, especially Observables. You also looked at the characteristics of Observables in Angular. You retrieved data using the HTTP protocol. You also subscribed to Observables to interact with the data once that data was received. FREE ACCESS


Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.