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.
WHAT YOU WILL LEARN
-
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
IN THIS COURSE
-
1m 6sHere, 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 26sHere, 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
-
3. Characteristics of Observables in Angular2m 53sHere, 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
-
4. Retrieving Data with HTTP Request6m 41sHere, 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
-
5. Subscribing to Observables4m 26sHere, 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
-
6. Course Summary1m 21sHere, 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
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
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.
