HomeCoursesReactive Programming with Angular and RxJS 7

AI-powered learning

Save

Reactive Programming with Angular and RxJS 7

Gain insights into reactive programming with RxJS 7, explore data streams, error handling, and multicasting to build a recipe app, and learn to test and optimize reactive applications.

4.8

75 Lessons

22h

Join 2.9 million developers at

LEARNING OBJECTIVES

Working knowledge of the reactive programming paradigm
The ability to develop applications that work with asynchronous events and data streams
Familiarity with the use of RxJS 7 features for reactive programming
The ability to pick the right RxJS operators to combine multiple streams

Learning Roadmap

75 Lessons12 Quizzes2 Assessments

Getting Started

Get familiar with adopting a reactive mindset, RxJS 7 features, and strategies in Angular.

Course Overview

The Power of the Reactive Paradigm

Look at the fundamentals of reactive programming in Angular with a focus on RxJS.

Introduction to the Reactive Paradigm

Pillars of Reactive Programming

Using RxJS in Angular and Its Advantages

The Marble Diagram—Our Secret Weapon

Summary

Quiz: The Power of the Reactive Paradigm

RxJS 7—The Major Features

6 Lessons

Examine key enhancements in RxJS 7, focusing on performance, type safety, and API consistency.

A Walk-Through of the Application

3 Lessons

Apply your skills to navigate and implement a recipe-sharing app with Angular and RESTful Node.js.

Fetching Data as Streams

7 Lessons

Explore reactive data management patterns in Angular using RxJS for efficiency and clarity.

Error Handling

6 Lessons

Implement effective RxJS error handling with strategies like catchError, delayWhen, retry, and retryWhen.

Build a Weather App Using Angular and RxJS

Project

Premium

Combining Streams

5 Lessons

Master the steps to filter data using RxJS patterns, optimizing reactive flows in Angular.

Assessment 1

Assessment

Transforming Streams

8 Lessons

Step through transforming streams, implementing autosave features, and creating effective filtering options.

Multicasting Essentials

4 Lessons

Grasp the fundamentals of multicasting in RxJS, including hot/cold observables and Subjects.

10.

Caching Streams

8 Lessons

Break apart caching strategies in web apps to enhance performance and minimize network requests.

11.

Sharing Data between Components

4 Lessons

Grasp the fundamentals of sharing data in Angular using reactive patterns and services.

12.

Bulk Operations

5 Lessons

Map out the steps for implementing reactive bulk operations and progress tracking with RxJS.

13.

Processing Real-Time Updates

6 Lessons

See how it works to implement real-time updates using WebSocket communication in Angular.

14.

Testing RxJS Observables

5 Lessons

Build on methods for testing RxJS observables, including subscribe/assert, marble-testing, and HTTP streams.

Assessment 2

Assessment

15.

Conclusion

Get familiar with Angular's reactive programming patterns, data management, and real-time updates.

Wrap Up

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Developed by MAANG Engineers

ABOUT THIS COURSE

The reactive programming paradigm is designed to make working with asynchronous events and data streams convenient. This course teaches you about the reactive programming paradigm and when to choose it over others. You’ll learn to use new RxJS 7 features to create a recipe book web application that lets users browse and share recipes. In this context, you’ll learn about data streams, error handling, and how to combine streams and transform one data stream into another. You’ll develop an understanding of multicasting and caching streams, how to share data between components, perform bulk operations such as file uploads, and perform real-time updates. Finally, you’ll learn how to test a reactive application. To assess your knowledge, there’s a project, coding challenges, and assessments. After this course, you’ll be able to determine the utility of the reactive paradigm for any application and have mastery over new RxJS 7 features to create robust reactive applications.

ABOUT THE AUTHOR

Packt

A tech learning platform that provides online courses, eBooks, videos, and other resources to help individuals and organizations stay ahead of emerging and popular technologies.

Learn more about Packt

Trusted by 2.9 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

Course

Mastering State Management with Angular and NgRx

Gain insights into state management in Angular with NgRx. Learn to use store, actions, reducers, selectors, handle side effects, and write unit tests for scalable applications.

15 h

beginner

Course

Animations in Angular

Gain insights into creating beautiful, performant animations in Angular. Delve into CSS transitions, Web Animations API, and Angular animations, while exploring performance and debugging techniques.

20 h

intermediate

Course

Developing Mobile Apps with Ionic and Angular

Gain insights into developing hybrid mobile apps with Ionic and Angular. Discover platform-specific UI elements, and build a functional attendance app for your portfolio and deployment.

10 h

beginner

Course

A Hands-on Guide to Angular

Discover Angular's core concepts and advance to building a complete SPA. Gain hands-on experience by creating modules, components, forms, routing, and APIs in an e-commerce app.

16 h

intermediate

Course

Learn Front-End Development and Automated Testing with Angular

Gain insights into modern web development and automated testing. Delve into test-driven development, unit, integration, and end-to-end testing while building a practical app for your portfolio.

450 h 40 m

beginner

Course

Directives and Pipes in Angular

Gain insights into Angular’s built-in directives and pipes, and delve into creating custom ones. Learn about their real-world applications to boost your project's performance and code readability.

3 h 10 m

intermediate

Course

Mastering State Management with Angular and NgRx

beginner

15 hour

Course

Animations in Angular

intermediate

20 hour

Course

Developing Mobile Apps with Ionic and Angular