Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

RxJS 7 and Observables: Introduction

RxJS 7 và Observables: Giới thiệu

RxJS 7 và Observables: Giới thiệu

Tìm hiểu cách Observables hoạt động và xử lý theo từng bước dễ hiểu!

4.5
(3,817 đánh giá)
15,533 học viên
Giảng viên
Jurek Wozniak
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
5.5 giờ video
74 bài giảng
10 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Hoàn thành khóa học này, bạn sẽ hiểu cách Observables hoạt động, xử lý và cách sử dụng chúng.
Bạn sẽ học những kiến thức cơ bản (và nhiều hơn thế) về RxJS theo từng bước chi tiết.
Bạn sẽ nắm vững về Observables và các chủ đề quan trọng khác trong RxJS, như: Subscriptions, Observers, Operators, Subjects
Sau khi kết thúc khóa học, bạn có thể hiểu các bài viết, video và tài liệu nâng cao khác trên Internet.
Bạn sẽ có một bộ công cụ tuyệt vời để bắt đầu hành trình với RxJS.

Yêu cầu

Không cần biết trước về RxJS!
Không cần biết trước về TypeScript
Cần có kiến thức về JavaScript
Có kinh nghiệm lập trình hàm là một lợi thế - hiểu về các toán tử mảng của JavaScript (.map, .filter, v.v.) sẽ hữu ích

Đối tượng phù hợp

Dành cho những người mới bắt đầu làm việc với dự án sử dụng RxJS và Observables mà chưa từng dùng RxJS trước đây.
Dành cho những người đã sử dụng Observables và RxJS, nhưng vẫn còn bỡ ngỡ và muốn hiểu sâu hơn.
Dành cho những người thấy các khóa học và tài liệu khác quá phức tạp và muốn tìm một hướng dẫn chi tiết, dễ tiếp cận hơn về RxJS và Observables.
Dành cho những người tìm kiếm các công cụ nâng cao để xử lý mã bất đồng bộ.

Nội dung khóa học

8 phần • 74 bài giảng
1 Giới thiệu khóa học
2 Tổng quan về RxJS
3 Bắt đầu nhanh
4 Tùy chọn: Sử dụng IDE của riêng bạn
5 Kế hoạch khóa học
6 Mẹo học tập
1 Giới thiệu module
2 Mảng so với Luồng
3 Observable, Subscription, Observer - Các thành phần chính
4 Observable khởi động - Observable, Observer, Subscription
5 Observable khởi động - Nhiều Subscriptions
6 Giới thiệu Marbles
7 Marbles - Next, Error, Complete
8 Marbles - Tổng hợp các loại thông báo
9 Marbles - Các tình huống không chính xác
10 Marbles - Giao diện
11 Marbles - Trò chơi
12 Marbles - Tài liệu
13 Tổng kết module
1 Giới thiệu module
2 Vòng đời Subscription
3 Thời gian thực thi - Observable rỗng
4 Phát đồng bộ - Thông báo Next
5 Phát bất đồng bộ - Nhiều thông báo Next
6 Dọn dẹp - Thông báo Complete
7 Thông báo Error
8 Observer đầy đủ
9 Thứ tự
10 Hủy - Unsubscribe
11 Tổng kết module
1 Giới thiệu module
2 Cold Observable
3 Hot Observable
4 Hot vs Cold - So sánh
5 Tổng kết module
1 Giới thiệu module
2 of - Cách hoạt động của các hàm tạo
3 from
4 fromEvent
5 timer
6 interval
7 Lưu ý quan trọng về API và hàm tạo ajax()
8 forkJoin - Xử lý nhiều lệnh gọi HTTP
9 forkJoin - Tình huống lỗi
10 combineLatest - Phản ứng với nhiều thay đổi đầu vào
11 Tổng kết module
1 Giới thiệu module
2 Xếp chồng toán tử
3 Nhập toán tử
4 filter
5 map
6 tap
7 Tìm hiểu thêm: tap
8 debounceTime
9 catchError
10 Các toán tử làm phẳng
11 Các toán tử làm phẳng - Ví dụ tĩnh
12 Các toán tử làm phẳng - Yêu cầu HTTP động
13 Các toán tử làm phẳng - Xử lý lỗi - Giải pháp đầu tiên
14 Các toán tử làm phẳng - Xử lý lỗi - Giải pháp thứ hai
15 Các toán tử làm phẳng - Đồng thời - concatMap
16 Các toán tử làm phẳng - switchMap
17 Các toán tử làm phẳng - mergeMap
18 Các toán tử làm phẳng - So sánh trực tiếp
19 Tổng kết module
1 Giới thiệu module
2 Đa truyền
3 Subject vs Observable vs Observer
4 Subject trong thực tế
5 BehaviorSubject - Khái niệm
6 BehaviorSubject trong thực tế
7 Tổng kết module
1 Tổng kết khóa học
2 Chúc mừng & Các bước tiếp theo

Giới thiệu khóa học

Have you joined a project which uses the Observables and RxJS and have no idea how to use it?
Are you already using RxJS and Observables and its behavior keeps surprising you?
Do you want to learn a new tool to conveniently handle asynchronous code?

If you responded YES to any of the above questions, then this might be a great course for you! RxJS is known to have a steep learning curve. There are many courses, articles, docs on the Internet which are great and cover a lot of complex RxJS scenarios, however I've noticed that it is difficult to start going and make first steps. Also, many experienced RxJS users still make some basic mistakes from time to time as they don't understand the mechanics of the Observables well.

This course will help you enter the world of RxJS in a slow step-by-step way. It might even help more advanced RxJS users fill the missing gaps in their understanding of the Observables and RxJS.

The objective of this course is to give you a great set of tools to start your RxJS journey!

You will learn here the core concepts of RxJS, such as:

  • Observables

  • Subscriptions

  • Observers

  • Creation Functions

  • Pipeable Operators

  • Subjects

The first sections of this course will present the basics of the Observables and RxJS in a slow and detailed way. We'll have a look at the idea of streams and reactive programming to understand how the data comes to us when using the Observables. I'll show you what kind of sources can we find in the world of Observables. You'll learn how can we execute an Observable by making Subscriptions, and how can we react to the notifications emitted by providing Observers. We'll use Marble Diagrams to present things in an easy to understand graphical way. There will also be a plenty of coding sections explaining each feature.

After we get the theory behind the Observables clarified, we'll move towards more practical uses of RxJS.
We'll use Creation Functions to easily create Observable from various sources like: arrays, DOM events, HTTP requests, timers, intervals and combining multiple Observables together. We'll use the Pipeable Operators to create more complex Observables.

Finally, we'll learn about the Subjects, which are a special type of Observable which allow us to conveniently emit a value to all Observers.

After you finish this course, you'll be able to start using the Observables and other RxJS tools in your apps and understand the articles, videos and docs on the Internet, so you can continue your RxJS journey.

Let's get started!



This course uses OpenMoji emojis and icons in some of the videos (CC BY-SA 4.0 license)
Promo music: Royalty Free Music from Bensound

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Reactive Programming
Hiển thị tất cả khoá học Rxjs
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊