Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

ReactiveX - RxJs: De cero hasta los detalles - 2021

Name: ReactiveX - RxJs: De cero hasta los detalles - 2021
Rating: 4.6 (3372 reviews)

Todo lo que necesitas saber sobre observables, subscribers, operadores y programación reactiva

Highest Rated

Created byFernando Herrera, {d/t} - DevTalles

Last updated 1/2026

Spanish

What you'll learn

Aprender a usar extensiones reactivas
Comprender el por qué de las mismas
Dominar el tipado de observables, operadores y demás
Aprender a leer la documentación oficial y los diagramas de canicas
Este curso te ayudará si usas RxDart, RxJava, RxJS, RxSwift o cualquier forma de extensiones reactivas

Course content

12 sections • 108 lectures • 9h 22m total length

Curso Legacy2:16
Introducción2:26
Una breve descripción de lo que veremos a continuación
¿Cómo funcionará el curso?3:39
Un panorama general del curso
¿Cómo realizar preguntas? y ¿Cómo crear marcadores?5:17
Un pequeño video explicando cómo hacer preguntas
Instalaciones necesarias6:26
Un listado te las aplicaciones y herramientas que necesitaremos para seguir el curso
¡Únete a Nuestra Comunidad de DevTalles en Discord!0:18

Introducción a la sección1:21
Una breve introducción a la sección
Temas puntuales de la sección0:12
Un resumen puntual de los temas de la sección
Conceptos generales6:49
Aquí comenzaremos desde lo más básico para comprender mejor los conceptos e ideas
¿Qué es ReactiveX? ¿Cómo funciona?4:14
Esta quizá es una pregunta fundamental
¿Cómo leer los diagramas de canicas?5:08
Esto es indispensable para comprender la documentación y las explicaciones que daré más adelante
Configuración del proyecto7:21
Estableceremos todo lo necesario para empezar a trabajar en el curso

Introducción a la sección1:18
Un breve resumen de lo que veremos en esta sección
Temas puntuales de la sección0:12
Resumen puntual de los temas que veremos en esta sección
Nuestro primer observable8:58
Aquí vamos a aprender cómo crear un observable desde cero
Observer y subscriber11:34
Un observer se transforma en un subscriber cuando es enviado a una subscripción
Nota: Biblioteca de ejercicios2:50
Este es un paso que estaremos haciendo al final de cada clase, para ir guardando todos los ejercicios que hagamos
Subscription y unsubscribe12:06
Dos componentes cruciales para manejar las suscripciones y prevención de fugas de memoria
Terminar observables en cadena5:26
Esto es un procedimiento que nos puede servir para llamar varios unsubcribe al mismo tiempo
Subject8:17
Un tipo especial de observable
Subject - Parte 26:39
Aquí vamos a seguir trabajando con los subjects
Código fuente de la sección0:08
Aquí pueden descargar el código fuente de la sección

Introducción a la sección1:41
Una breve descripción de lo que veremos en la sección
Temas puntuales de la sección0:12
Un resumen puntual de los temas que haremos en la sección
of7:52
Función para crear observables en base de una serie de valores.
fromEvent10:02
Cuando queremos crear observables en base a eventos del DOM o elementos dentro del DOM
range6:15
Nos permite crear un rango de números rápidamente
interval y timer8:06
Dos funciones para crear observables en base a tiempo
timer - Configuraciones especiales5:35
Aquí aprenderemos a configurar un poco más el timer
asyncScheduler12:53
Una suscripción para repetir o ejecutarse en intervalos de tiempo
Más ejemplos con from y of12:01
Aquí entraremos en unos detalles interesantes del of y from
Código fuente de la sección0:09
Aquí les dejo el código fuente de la sección por si lo llegan a necesitar

Introducción a la sección2:25
Un breve resumen de la sección
Temas puntuales de la sección0:16
Un resumen puntual de los temas del curso
¿Qué son los operadores?2:09
Una pequeña presentación sobre qué son los operadores
map12:32
Este quizá es el operador más popular, porque nos permite transformar la entrada en la salida deseada
pluck5:33
Un operador muy útil para extraer información del objeto que recibimos
mapTo5:09
Emitir un nuevo valor cuando el observable emite un valor... es un operador de transformación
filter9:32
Filtrar los valores que son emitidos por el observable
Cadenas de operadores6:42
Es posible colocar cualquier cantidad de operadores, uno después de otro, pero es importante reconocer que el orden en cómo se coloquen es importante
tap8:53
Un operador para disparar efectos secundarios
Laboratorio - ProgressBar8:53
Aquí haremos un pequeño laboratorio para explicar el funcionamiento de los operadores y observables
Laboratorio - ProgressBar (segunda parte)10:19
Aquí continuaremos el laboratorio
reduce9:53
Acumulación de valores
scan11:25
Un operador muy parecido al reduce, pero se encarga de acumular y emitir eventos
Código fuente de la sección0:12
Aquí dejaré el código de todo lo que llevamos hasta el momento

Introducción a la sección1:13
Un breve resumen de lo que veremos a continuación
Temas puntuales de la sección0:13
Temas puntuales de la sección
take5:14
Operador que permite recibir un número determinado de emisiones y emitir el complete
first12:30
Operador para tomar únicamente la primera emisión, o bien la primera emisión que cumpla una condición
takeWhile5:54
Operador que emite emisiones mientras se cumpla una condición
takeUntil4:51
Un operador que emite hasta que se cumpla una condición
skip4:42
Operador para saltarse un número determinado de emisiones
distinct7:41
Emitir valores único que no han sido previamente emitidos por el observable
distinctUntilChanged6:27
Nos ayuda a emitir valores siempre y cuando la emisión anterior no sea la misma que el anterior
distinctUntilKeyChanged3:02
Prácticamente es el mismo operador de la clase pasada, pero está pendiente de una llave
Código fuente de la sección0:05
Aquí les dejo el código fuente de la sección por si lo llegan a necesitar

Introducción a la sección1:47
Introducción de los temas que veremos en esta sección
Temas puntuales de la sección0:11
Resumen puntual de los temas que veremos en esta sección
debounceTime8:23
Este es nuestro primer operador que trabaja en base a el tiempo de la emisión del evento
throttleTime7:52
Un operador para emitir valores en periodos de tiempo
sampleTime6:34
Operador para tomar muestras en el tiempo
sample6:07
Operador para obtener una muestra de un observable
auditTime5:34
Operador para controlar el flujo de emisiones en un único valor después de un periodo de tiempo
Código fuente de la sección0:08
Aquí les dejo el código fuente de la sección

Introducción a la sección1:22
Una breve introducción a la sección
Temas puntuales de la sección0:20
Resumen puntual de los temas que veremos en esta sección
Conceptos generales de una petición ajax usando Fetch7:49
Aquí aprenderemos conceptos generales de realizar una petición ajax
Manejo de errores con el Fetch Api3:16
Aquí aprenderemos como manejar errores con el Fetch API
Petición usando ajax de RxJs - catchError10:15
Aquí aprenderemos a utilizar la petición ajax de RxJs
getJSON4:45
Método para crear un observable en base a una llamada Http
Diferencias entre getJson y ajax7:16
Aquí explicaremos la principal diferencia entre ajax y getJson
Métodos Post, Put, Delete6:11
Aquí aprenderemos a realizar las peticiones básicas para realizar peticiones HTTP
Código fuente de la sección0:06
Aquí les dejo el código fuente de la sección por si lo llegan a necesitar

Introducción a la sección2:02
Un breve resumen de lo que veremos a continuación
Temas puntuales de la sección0:21
Un resumen puntual de los temas que tocaremos en la sección
Introducción al problema y necesidad de operadores de transformación8:32
Aquí tendremos una breve introducción al problema que hace que sean necesarios los operadores de transformación
mergeAll7:38
Nos ayuda a trabajar con observables que retornan observables
Tipando los operadores16:50
Parte fundamental para poder trabajar con los operadores
mergeMap9:51
Operador para controlar multiples observables en uno solo
Más ejemplos con mergeMap5:22
Aquí vamos a trabajar con dos ejercicios más con el uso del mergeMap
switchMap5:46
Un operador que retorna un nuevo observable y se subscribe a él
switchMap vs mergeMap3:13
Otro ejemplo para comparar el funcionamiento de ambos operadores
concatMap5:36
Aquí aprenderemos otro operador de aplanamiento
exhaustMap4:42
Un operador de aplanamiento para mantener una única subscripción interna a la vez
Ejercicio de comparación entre el mergeMap, switchMap y exhaustMap20:29
Un pequeño ejercicio para ver en funcionamiento estos operadores
Código fuente de la sección0:05
Código al final de la sección

Introducción a la sección1:02
Una breve introducción a la sección
Temas puntuales de la sección0:11
Resumen puntual de los temas de la sección
startWith2:37
Un operador que nos permite colocar valores al iniciar el stream
endWith3:01
Un operador que nos permite colocar valores al final de las emisiones
Lab - startWith4:39
Un pequeño laboratorio en el cual podemos utilizar el startWith en un ejercicio real
concat - Función4:37
Un método que que genera un observable que secuencialmente emite los valores de los observables brindados
merge - Método3:46
combineLatest8:35
Aquí aprenderemos a trabajar con esta función para combinar observables
forkJoin8:23
Una función para unir el valor final emitido por observables
forkJoin Lab - Caso de uso más común5:47
En este laboratorio, realizaremos el caso de uso más común del forkJoin
Código fuente de la sección0:08
Aquí les dejo el código fuente de la sección para que lo descarguen si lo llegaran a necesitar

Requirements

Conocimiento de JavaScript básico es recomendado
Conocimiento de TypeScript es opcional, pero recomendado
Tener conocimiento básico de HTML es recomendado

Description

Nota Legacy:

Después de varios años desde el lanzamiento inicial de este curso, queremos informarte que el mismo ha pasado a ser versión legacy. Esto implica que su contenido no recibirá actualizaciones adicionales y nuestro equipo de Co-instructores no continuará proporcionando soporte a preguntas relacionadas con este curso.

Sin embargo, queremos que sigas aprendiendo con confianza. Por eso, te invitamos a unirte a nuestra comunidad en Discord, donde podrás conectar con otros estudiantes, compartir conocimientos y recibir apoyo de nuestra comunidad.

¡Gracias por tu comprensión y por ser parte de nuestra comunidad de aprendizaje!

Este curso de ReactiveX está orientado a enseñarte desde los fundamentos de las extensiones reactivas hasta los detalles del tema. Pueda que ya usemos las extensiones reactivas en nuestras aplicaciones, ya que muchos frameworks lo traen incluido, pero usualmente no lo aprovechamos al máximo por desconocimiento del tema.

Mi objetivo con este curso es llevarte desde lo básico hasta temas avanzado de las extensiones reactivas, mostrándote cómo leer la documentación oficial, interpretar los diagramas de canicas y demás recursos para que puedas seguir tu camino cuando quieras especializarte aún más.

En este curso aprenderás temas como:

Observables
Crear observables desde cero
Métodos para crear observables
Gran variedad de operadores:
1. map
2. switchMap
3. tap
4. filter
5. sample
6. sampleTime
7. distinct
8. take
9. reduce
10. muchos más…
Orden de operadores
Tipado de observables y operadores
Buenas prácticas
Y mucho más

Al finalizar el curso, crearás tu propia biblioteca de métodos y operadores para que puedas consultarla tantas veces que necesites para refrescar la memoria o bien para aplicar lo aprendido en tus propios programas.

Cada operador y función propia de RXJS tiene su presentación con diagramas que te ayudarán a comprenderlos mejor y de forma sencilla.

Todo el código aquí realizado es tuyo y tiene por objetivo que te sirva de documentación bibliográfica para consultas posteriores al curso, lo que ha convertido en este curso en el más popular sobre esta tecnología.

Who this course is for:

Personas que quieran mejorar sus habilidades con las extensiones reactivas
Personas que deseen saber más sobre ReactiveX y su implementaicón
Personas que ya usen RxJS y quieran simplificar su código
Personas que no sepan nada de programación reactiva

ReactiveX - RxJs: De cero hasta los detalles - 2021

What you'll learn

Explore related topics

Course content

Introducción6 lectures • 20min

Introducción a las extensiones reactivas y a la programación reactiva6 lectures • 25min

Observables10 lectures • 57min

Funciones para crear Observables10 lectures • 1hr 5min

Operadores básicos14 lectures • 1hr 34min

Operadores no tan comunes11 lectures • 52min

Operadores que trabajan con tiempo8 lectures • 37min

Ajax - Peticiones ajax usando RxJs/ajax9 lectures • 41min

Operadores de transformación13 lectures • 1hr 30min

Operadores y métodos de combinación de observables11 lectures • 43min

Requirements

Description

Who this course is for: