Build an Angular Instant Search Component
Offered By: egghead.io
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.
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 LaravelLaracasts 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