Learn RXJS Observables, Operators and Subjects, and implement that knowledge in practical examples.
What you will learn
Learn the essential RXJS operators.
Learn how to use RXJS in your projects
Learn how to use RXJS observables and observers to achieve code efficiency
Learn how to use RXJS subjects
Learn the difference the difference between subjects and observables
Description
This course will rapidly guide you to become an RXJS developer. This course is friendly to those who know nothing about RXJS. We will first thoroughly explain the essential topics and concepts of RXJS to teach you the fundamentals. We will then dive into creating more complex projects(Posts Getter, Todo List, Mouse Tracker and Text Tracker).
This course will first cover the essential topics such as:
- Observables
- Subjects And Behaviour Subjects
- Difference Between Subjects And Observables
- Essential Operators:
- Ajax Operator
- From Operator
- Iif Operator
- FromEvent Operator
- Count Operator
- Max Operator
- Min Operator
- Map Operator
- GroupBy Operator
- Reduce Operator
- Filter Operator
- First Operator
- Last Operator
- Skip Operator
- Throttle Operator
- Concat Operator
- Merge Operator
- ForkJoin Operator
- Tap Operator
- Delay Operator
- ToArray Operator
After covering the fundamentals, we will then go through some awesome RXJS examples:
- Posts List:In this project we will be getting random posts from an API using the RXJS Ajax operator and displaying them to the user.
- Todo List:In this project we will be creating a todo list that allows the user to add and remove todos.
- Mouse Tracker:In this project we will be listening for mouse events from the user and getting and displaying the x and y coordinates of the click.
- Text Tracker:In this project we will be getting some text from the user and we will check the amount of characters of that text and how many words it contains.
English
language
Content
RXJS Observables
1- RXJS overview and setup
2 – Making and using observables
3 – Observable methods
4 – Pipe method for applying operators
5 – How to use the pipe method
RXJS Operators
1 – Ajax operator
2 – From operator
3 – FromEvent operator
4 – iif operator
5 – Count operator
6 – Max and Min operators
7 – Map operator
8 – GroupBy operator
9 – Reduce operator
10 – Filter operator
11 – First and Last operators
12 – Skip operator
13 – Throttle operator
14 – Concat operator
15 – Merge operator
16 – ForkJoin operator
17 – Tap operator
18 – Delay operator
19 – ToArray operator
RXJS Subjects
1 – Subjects and their uses
2 – Difference between observables and subjects
3 – Behaviour subjects
Project 1 – Building A Posts Lists
Project preview
1 – Setting up the project
2 – Creating the get posts button and listening for clicks on that button
3 – Implementing the getPosts function
4 – Implementing a render function that displays the posts
Project 2 – Building A Todo List
Project preview
1 – Setting up the project
2 – Creating and implementing the input and function for adding todos
3 – Removing todos
Project 3 – Creating A Mouse Tracker
Project preview
1 – Setting up the project
2 – Listening for mouse clicks and movements
3 – Returning the coordinates of the click and displaying them
Project 4 – Creating A Text Tracker
Project preview
1 – Setting up the project
2 – Listening for keyup events on the text input
3 – Getting and displaying the length and the amount of words of the input