logo
Get all Angular courses today! x

Mastering RxJS Higher Order Observable

  • No Rating
  • (0 Reviews)
  • 8 User Enrolled

Mastering RxJS Higher Order Observable

Learn what is RxJS higher order observables and their mapping operators such as switch map, exhaust map etc. Work on an Angular project at the end and do exercises with me to learn how to apply higher order operators in given problems.

  • No Rating
  • (0 Reviews)
  • 8 User Enrolled
  • 4.99
  • 250
  • Course Includes
  • 1.27 hours on-demand HD video
  • 9 downloadable resources
  • 9 coding challenges
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of completion
Tags:
rxjs typescript angular



What you will learn

  • Problem solving & Coding Challenges
  • Coding on Angular application
  • Coding with Higher order observable
  • Coding with Higher order Mapping
  • Higher order Observable
  • Higher order Mapping Operator
  • Switch Map & Exhaust Map
  • Merge Map & Concat Map

Course Content

9 sections • 60 lectures • 01h 27m total length
Introduction

One of the big challenges of learning Angular is RxJS. Rupesh will explain what you will learn in this course.

preview 1.58min
Pre-Requisites

In order to get most out of this course. I will recommend, to have some basic knowledge on RxJS observables and RxJS basic operators. You do not need expertise on them, just basic understanding is enough to start with this course. Also, Feel free to watch my Free RxJS courses for beginners and advanced level in Fullstack Master.

preview 0.39min
Course Agenda

Rupesh will explain what are the topics you will learn in this section. Like Higher order Observables, Higher order observable Mappings and working on Angular projects to use higher order operators.  

preview 2.38min
Why this course?

Rupesh will explain why you should learn higher-order RxJS Observables. Especially if you are looking forward to working on NgRx Angular project or If you are preparing for an interview then you must watch this course. 

preview 2.33min
Where is source code?

Rupesh will give you the github url to get the coding exercise source code for this entire course. Source code is attached to the first module feel free to download them. 

preview 1.44min
How to download the Demo Application?

Rupesh will explain how to download source code and will walkthrough the source code and guidelines.

preview 1.10min
Demo Application Code Walkthrough

Rupesh will walk you through the demo application source code and he will explain how to install its dependencies.

preview 1.51min
Running Demo Application

Rupesh will start the demo application and show you its features like search order, submit order, delete order etc.

preview 2.15min
Agenda

What will you learn in the First order observable section?

0.32min
What is observable?

Learn what exactly is observable and how it behaves.

0.34min
What is First Order Observable?

Learn what exactly is First-Order Observable and learn one example.

1.02min
Challenge: Guess the output of First-Order Observable
1.07min
What is First-Order Mapping?

Rupesh will give a definition of first order RxJS observable mapping operator and explain by one example.

2.01min
Challenge: Add Cart Item Total

Rupesh will ask you to write code to add cart item total property to a given cart item observable and give you a solution as well.

1.16min
Challenge: Calculate Cart Total Count

Rupesh will ask you to write code to take cart items and return cart total count observable and give you a solution as well.

1.19min
Summary

Rupesh will summarise the First-Order Observable section.

0.42min
Agenda

What will you learn in the Higher-Order observable section?

0.41min
What is Higher-Order Observable?

Rupesh will explain what is Higher-Order observable?

1.02min
Why Higher-Order Observable?

Rupesh will explain why you should learn Higher-Order observables by giving one real world scenario where you want to fetch an order detail from a server.

2.40min
What is Inner & Outer Observables?

Rupesh will explain how to identify higher order observable by explaining you inner and outer observable by giving one real world example.

2.00min
What is Inner & Outer Subscription?

Rupesh will explain how developers fall in the trap of nested subscription anti-pattern rather than using higher-order operators.

1.52min
Challenge: Solve Fetch Order from Server

Rupesh will give you a challenge to solve fetch orders from a server problem using a first order operator and ask you what did you learn?  In Next video you will see the solution from Rupesh.

1.38min
Solution: Solve Fetch Order with Technique-1

Rupesh will ask you to solve the fetch order problem using a first order mapping operator. Rupesh will also give a solution to the challenge in this video. You will learn to identify nested-subscription.

1.06min
Solution: Solve Fetch Order with Technique-2

Rupesh will ask you to solve the fetch order problem using a first order mapping operator. Rupesh will also give a solution to the challenge in this video. You will learn to identify nested-subscription.

1.49min
Summary

Rupesh will summarise the Higher-Order Observable section. 

1.49min
Agenda

What will you learn in the Higher Order Mapping section?

1.45min
What is Higher-Order Mapping?

Rupesh will explain what higher order mapping means? 

0.52min
What is Nested Subscription?

Rupesh will explain what a nested subscription is and why it happens?

2.11min
Side effects of Nested Subscription?

Rupesh will explain what are the problems you will face if you use nested subscriptions in your project. 

1.34min
Important Higher Order Mapping Operators

Rupesh will tell you what are the 4 major higher order mapping operators. 

1.03min
How to identify Higher-Order Mapping Operators?

Rupesh will give you a trick to identify the higher order mapping operators.

0.49min
Benefits of Higher-Order Mapping Operators

Rupesh will discuss the benefits of Higher order mapping operators.

0.39min
Challenge: Fetch Order from Server

Rupesh will discuss the problem of nested subscriptions and give you hints on how we can solve this using higher-order operators.

1.03min
Solution: Fetch Order from Server

Rupesh will discuss the solution of fetch order from the server using switch map higher order mapping operator.

1.33min
Summary

Rupesh will summarize the Higher-Order Mapping operator section.

1.08min
Agenda

Rupesh will explain what you will learn in the Important Higher Order Mapping Operators section.

1.07min
What is Exhaust Map Operator?

Rupesh will explain what an exhaust map operator is and how it behaves.

0.53min
How Exhaust Map Operator Works?

Rupesh will explain exhaust map behavior using marble diagrams. Learn RxJS Marble Diagrams at pluralsight by Rupesh Tiwari "RxJS Unit Testing Using Marble Diagrams"  

2.07min
When Should You Use an Exhaust Map Operator?

Rupesh will explain when you should consider using an exhaust map in your project.

0.54min
Coding Example: Exhaust Map

Rupesh will demonstrate source code and explain how to use exhaustmap operator. Source code can be downloaded from this class learning material.

1.38min
What is a Switch Map Operator?

Rupesh will explain what a switch map operator is and how it behaves.

0.58min
How Switch Map Operator Works?

Rupesh will explain switch map behavior using marble diagrams. Learn RxJS Marble Diagrams at pluralsight by Rupesh Tiwari "RxJS Unit Testing Using Marble Diagrams"  

2.42min
When Should You Use a Switch Map Operator?

Rupesh will explain when you should consider using a switch map in your project.

1.14min
Coding Example: Switch Map

Rupesh will demonstrate source code and explain how to use switch-map operators. Source code can be downloaded from this class learning material.

1.23min
What is a Merge Map Operator?

Rupesh will explain what a merge map operator is and how it behaves. 

1.51min
How Merge Map Operator Works?

Rupesh will explain merge map behavior using marble diagrams. Learn RxJS Marble Diagrams at pluralsight by Rupesh Tiwari "RxJS Unit Testing Using Marble Diagrams"  

2.38min
When Should You Use a Merge Map Operator?

Rupesh will explain when you should consider using a merge map in your project. 

0.42min
Coding Example: Merge Map

Rupesh will demonstrate source code and explain how to use merge-map operators. Source code can be downloaded from this class learning material.

1.12min
What is a Concat Map Operator?

Rupesh will explain what a concat map operator is and how it behaves.

1.30min
How Concat Map Operator Works?

Rupesh will explain concat map behavior using marble diagrams. Learn RxJS Marble Diagrams at pluralsight by Rupesh Tiwari "RxJS Unit Testing Using Marble Diagrams"  

2.42min
When Should You Use a Concat Map Operator?

Rupesh will explain when you should consider using a concat map in your project. 

0.45min
Coding Example: Concat Map

Rupesh will demonstrate source code and explain how to use concat-map operators. Source code can be downloaded from this class learning material.

2.23min
Challenge: Submit an Order Form

Rupesh will give you a coding challenge. He will explain to you a situation to submit an order form and you will have to use a higher order operator to solve that problem.

2.24min
Solution: Submit an Order Form
5.14min
Challenge: Add Shipping Detail

Rupesh will give you a coding challenge. He will explain to you a situation to add shipping after an order form is submitted and you will have to use a higher order operator to solve that problem.

1.36min
Solution: Add Shipping Detail

Rupesh will show you a solution to the coding challenge. He will explain to you a situation to add shipping after an order form is submitted and he will suggest a higher order operator to solve that problem. 

2.18min
Challenge: Search an Order

Rupesh will give you a coding challenge. He will explain to you a situation to search an order from the order list page and you will have to use a higher order operator to solve that problem. 

1.46min
Solution: Search an Order

Rupesh will show you a solution to the coding challenge. He will explain to you a situation to search an order from the order list page and he will suggest a higher order operator to solve that problem.

4.39min
Challenge: Delete an Order

Rupesh will give you a coding challenge. He will explain to you a situation to delete an order from the order list page and you will have to use a higher order operator to solve that problem.

1.19min
Solution: Delete an Order

Rupesh will show you a solution to the coding challenge. He will explain to you a situation to delete an order from the order list page and he will suggest a higher order operator to solve that problem.

3.26min

Requirements

  • Basics of RxJS Observables Basics of RxJS Operators

Description

In this course I will be teaching you What is first order observables and How do we map first order observables in briefe. Next I will teach you what is Higher order Observables, why do you need higher order observables? And Without knowing Inner and Outer Observables you can not understand the Higher order observables concept. So You will learn about Inner and Outer Observables also.Next You will learn Higher order observable Mappings to understand how in RxJS you can handle  higher order observables. Which will concrete your understanding on Higher order observables mapping. I will explain the concepts by giving real world problems and we will solve those problems together so that you can become an expert on Higher order observables. Theoretical knowledge with some coding experience will not make you a perfect software engineer. Unless you really work on a real world project. Therefore, In our last section, I will show you one working angular application. Where we have some problems related to higher order observables and we will work together on that project to fix those problems with the knowledge that you gained from this project. We will do hands-on coding on that sample application so be prepared. I will guide you and so that you will learn when , where and why to use which kind of higher-order observable mapping operator. By the end of this course you will be an expert on Higher order observables and you will be ready to work on any challenging assignments on Reactive Angular, NgRx, Observable Redux or any RxJS kind of application. 

In order to get most out of this course. I will recommend, to have some basic knowledge on RxJS observables and RxJS basic operators. You do not need expertise on them, just basic understanding is enough to start with this course. Also, Feel free to watch my Free RxJS courses for beginners and advanced level in Fullstack Master. 

Recently Added Courses

blog
Last Updated 14th August 2021
  • 2
  • 9.99
  • 250
blog
Last Updated 18th August 2021
  • 8
  • 4.99
  • 250
blog
Last Updated 17th December 2020
  • 7
  • Free

About the Instructor

instructor
About the Instructor

Hi! My name is Rupesh Tiwari. 

I am a software architect and pluralsight author. My life's mission is to help students, beginners and professionals to increase their programming & system design skills. By just not making them a coding expert rather than teaching them the real Software Engineering Principles. Hence they get their dream job, make more money and ultimately they live a better life.

I have 15+ years of corporate IT world experience. I do software analysis, modeling and coding in my day to day activity with big IT industries. I teach people how to design software and code and make them full stack developers. I've created 1 course in pluralsight on Unit Testing RxJS using Marble Diagrams. Also authored many courses on YouTube Now I am focusing more on creating premium quality JavaScript courses on Fullstack Master.