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
Single Page Web Applications with AngularJSJohns Hopkins University via Coursera Front-End JavaScript Frameworks: AngularJS
The Hong Kong University of Science and Technology via Coursera Front End Frameworks
Google via Udacity Developing Dynamic Web Applications Using Angular
Microsoft via edX AngularJS: Advanced Framework Techniques
Microsoft via edX