Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso profesional de Angular - old!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso profesional de Angular - old

Video El patrón del observable

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

La programación reactiva tiene distintas implementaciones, una de ellas es el binding de datos que poseen algunos frameworks como Angular, aunque como vimos la sincronización de datos en Angular se hace vía eventos, también se puede considerar una implementación del paradigma de programación reactiva.

Además de dicha implementación, RxJS, una de las librerías que usa Angular extensivamente, utiliza el patrón del observador para implementar este paradigma.

El patrón del observable es un patrón de diseño de software, en el que podemos identificar dos elementos principales, el sujeto y los observadores. Este patrón es principalmente usado en sistemas basados en eventos, como las interfaces gráficas.

El patrón se explica de la siguiente manera, tenemos el sujeto, cuya responsabilidad es mantener una lista de suscriptores y notificarles de alguna actualización, los observadores o suscriptores se suscriben y desuscriben de la información que tenga que actualizar el sujeto, luego, actualizan información basados en lo que el sujeto les haya dicho.

Este patrón es especialmente útil cuando muchos elementos dependen de los datos y las actualizaciones que otro les envíe, a esto lo conocemos como una dependencia de uno a muchos. En Angular, por ejemplo, podemos tener un sujeto que consulte datos vía AJAX y varios componentes que esperen esa información para actualizar la vista.

Imagina, por ejemplo, que estás desarrollando la interfaz de una tienda en línea, el sujeto consulta los objetos del carrito y uno de los componentes se encarga de mostrar todos los productos del carrito, mientras que otro componente muestra la cantidad de productos que contiene tu carrito.

Tenemos dos elementos que dependen de una fuente de información, una consulta de AJAX. La consulta AJAX en este ejemplo sería el sujeto y los elementos los observadores, de ahí claro el nombre del observador.

Existen muchas librerías y programas que implementan el patrón del Observador, una de estas es RxJS, que es parte de lo que se conoce como las Extensiones Reactivas, en este grupo encontramos la misma implementación de RxJS pero para múltiples plataformas y lenguajes.

RxJS además de implementar los elementos del Sujeto y los Observadores, agrega operadores que modifican la información que envía el sujeto a sus observadores.

Esto significa que nuestra aplicación puede expresarse como flujos de información en los que se colocan operadores a lo largo del flujo que van alterando y adaptando la información. Esto nos permite reestructurar los datos, filtrarlos, definir operaciones en caso de que suceda algún error y muchísimo más. RxJS es una de las librerías que más me gusta utilizar y espero que este curso te ayude a descubrir por qué.

  • check_circle_outline
    Módulo 1 | 7 clases

    Introducción

    expand_more
  • check_circle_outline
    Módulo 2 | 9 clases

    Primeros pasos con Angular

    expand_more
  • check_circle_outline
    Módulo 3 | 21 clases

    Componentes a detalle

    expand_more
  • check_circle_outline
    Módulo 4 | 14 clases

    Servicios y Observadores

    expand_more
    • done_all

      Clase 1

      Actualizar a Angular 6

    • done_all

      Clase 2

      Servicios en Angular

    • done_all

      Clase 3

      Crear tu propio servicio

    • done_all

      Clase 4

      Consultas asíncronas

    • done_all

      Clase 5

      Inyector de dependencias en Angular

    • done_all

      Clase 6

      Compartir datos de un servicio

    • done_all

      Clase 7

      Programación reactiva

    • done_all

      Clase 8

      El patrón del observable

    • done_all

      Clase 9

      Observadores y Observables en RxJS

    • done_all

      Clase 10

      Operadores en RxJS

    • done_all

      Clase 11

      Async Pipe

    • done_all

      Clase 12

      Operador de navegación segura ?.

    • done_all

      Clase 13

      Async y suscripciones a un Observable

    • done_all

      Clase 14

      Servicios en Angular 6

  • check_circle_outline
    Módulo 5 | 7 clases

    Animaciones

    expand_more
  • check_circle_outline
    Módulo 6 | 2 clases

    Cierre del curso

    expand_more

El patrón del observable

arrow_back Siguiente arrow_forward
Curso profesional de Angular - old