YoVDO

Build an Angular Instant Search Component

Offered By: egghead.io

Tags

Angular Courses Web Development Courses Observables Courses Reactive Programming Courses

Course Description

Overview

In this course, you will learn more about using observables in Angular. We are going to how we can leverage the power of observables and RxJS to build a rock solid instant search component with a handful of operators.
You will learn operators by applying them to a real-world component. By the end of this course, you will have a clear understanding of how components can be designed around the concept of event streams which are wired together like modular building blocks.
All of this in about 11 minutes!
This course assumes a solid understanding of fundamentals. We have Intermediary Angular courses that'll get you up to speed.
Dependency Injection
Components, Directives
Forms
Router
Animating Web Apps
⚠ The code used in the course is of Angular ^2.0.0, and the code given in the transcript is of Angular 7.0.3. An updated version of the code can be found here (updated 5/8/2020). The code for each lesson resides in the respective branch on the repository.

Syllabus

  • Consuming events as Observables in Angular 2
  • Debounce the user input in Angular 2 using debounceTime
  • Prevent unnecessary requests in Angular 2 with distinctUntilChanged
  • Combine Observables in Angular 2 with flatMap
  • Deal with out of order responses in Angular 2 using switchMap
  • Build fully reactive APIs in Angular 2 with Observables

Taught by

Christoph Burgdorf

Related Courses

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru