Build Reactive Websites with RxJS: Master Observables and Wrangle

INTERACTIVE COURSE

Build Reactive Websites with RxJS: Master Observables and Wrangle

Intermediate

120 Lessons

50h 30min

Certificate of Completion

Build Reactive Websites with RxJS: Master Observables and Wrangle

90 Playgrounds

9 Quizzes

59 Illustrations

Course Overview

The list of requirements for frontend work keeps increasing. Websites that load quickly on shaky connections, render perfectly on mobile devices, and respond with lightning speed to user input are expected. All of these tasks require dealing with a high number of events from disparate sources, be it your Customer Relationship Management (CRM), late-breaking news, or just a chat room. Observables is a new way of thinking about managing these events, even when they may occur sometime in the future. In this ...Show More

Course Content

1

Course Introduction

Who Should Take This Course and Why?

2

Creating Observables

Learning Observables Introducing Rx Concepts

Building a Stopwatch Running a Timer Importing Timer From RxJS Piping Data Through Operators Manipulating Data in Flight with map Handling User Input

Assembling the Stopwatch Drag and Drop Interesting Applications in Next Chapters Using a Subscription Experimenting with Observables What we Learned Quiz: Creating Observables

3

Manipulating Streams

Introduction: Manipulating Streams

Translating Pig Latin with Flatten and Reduce Flattening Reducing Debugging an Observable Stream Typeahead What We Learned Quiz: Manipulating Streams

4

Managing Asynchronous Events

Dragon of Asynchronicity Making AJAX Requests Handling Errors Promise vs. Observables with AJAX Loading with Progress Bar The Two Merges When Good AJAX Goes Bad Progressive and Ordered Loading What We Learned Quiz: Managing Asynchronous Events

5

Advanced Async

Advanced Asynchronous Events The Spec Preventing Race Conditions with switchMap Debouncing Events Throttling Events Adding Debounce to the Typeahead Skipping Irrelevant Requests Adding Error Handling in Typeahead

Typeahead Application Using Debounced Function Building a Stock Ticker Live Filtering the Stream Stock Ticker Application What We've learned Quiz: Advanced Async

6

Multiplexing Observables

9 Lessons

7

Using HTTP in Angular

15 Lessons

8

Building Reactive Forms in Angular

20 Lessons

9

Advanced Angular

13 Lessons

10

Reactive Game Development

15 Lessons

COURSE AUTHOR

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

Recommended Courses

BEFORE STARTING THIS COURSE

AFTER FINISHING THIS COURSE

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath