Section: Servicios, APIs y Manejo de Datos | Introducción a Angular

Select activity Objetivos
Objetivos:

Crear y usar servicios para organizar la lógica de negocio.

Consumir datos de APIs usando HttpClient.

Manejar datos de forma reactiva con RxJS.
Select activity Servicios e inyección de dependencias

Servicios e inyección de dependencias URL

Students must

Mark as done
Select activity HttpClient

HttpClient

La mayoría de las aplicaciones front-end necesitan comunicarse con un servidor a través del protocolo HTTP para descargar o cargar datos y acceder a otros servicios back-end. Angular ofrece una API HTTP de cliente para aplicaciones Angular, la clase de servicio HttpClient en @angular/common/http.

Clic aquí para consultar la documentación de la configuración de este servicio.
Clic aquí para consultar la documentación de cómo hacer consultas con este servicio.
Select activity RxJS

RxJS

(Reactive Extensions for JavaScript) es una biblioteca que permite trabajar con flujos de datos de manera reactiva, utilizando observables para manejar datos asincrónicos. Es ampliamente utilizada en Angular para tareas como manejo de eventos, peticiones HTTP, procesamiento de datos en tiempo real, entre otros.
Select activity Observables

Observables File PDF

Students must

Mark as done
Select activity Consumir API con Angular - Ejemplo Completo

Consumir API con Angular - Ejemplo Completo URL

Students must

Mark as done

Documentación de la API usada en el video: https://rickandmortyapi.com/documentation
Select activity Consumir una API para mostrar una lista de usuarios en una tabla.

Consumir una API para mostrar una lista de usuarios en una tabla. Assignment

Students must

Mark as done

Consumir una API de ejemplo para mostrar una lista de usuarios en una tabla.

Se puede utilizar la misma API mostrada en el video (Consumir API con Angular - Ejemplo Completo) o cualquier otra API de preferencia. La tabla debe mostrar minimo 5 elementos con 5 propiedades (Una tabla 5x5)

Subir el código fuente

Trabajo opcional para evaluar los conocimientos de esta sección.
Select activity Objetivos
Objetivos:

Crear y usar servicios para organizar la lógica de negocio.

Consumir datos de APIs usando HttpClient.

Manejar datos de forma reactiva con RxJS.
Select activity Servicios e inyección de dependencias

Servicios e inyección de dependencias URL

Students must

Mark as done
Select activity HttpClient

HttpClient

La mayoría de las aplicaciones front-end necesitan comunicarse con un servidor a través del protocolo HTTP para descargar o cargar datos y acceder a otros servicios back-end. Angular ofrece una API HTTP de cliente para aplicaciones Angular, la clase de servicio HttpClient en @angular/common/http.

Clic aquí para consultar la documentación de la configuración de este servicio.
Clic aquí para consultar la documentación de cómo hacer consultas con este servicio.
Select activity RxJS

RxJS

(Reactive Extensions for JavaScript) es una biblioteca que permite trabajar con flujos de datos de manera reactiva, utilizando observables para manejar datos asincrónicos. Es ampliamente utilizada en Angular para tareas como manejo de eventos, peticiones HTTP, procesamiento de datos en tiempo real, entre otros.
Select activity Observables

Observables File PDF

Students must

Mark as done
Select activity Consumir API con Angular - Ejemplo Completo

Consumir API con Angular - Ejemplo Completo URL

Students must

Mark as done

Documentación de la API usada en el video: https://rickandmortyapi.com/documentation
Select activity Consumir una API para mostrar una lista de usuarios en una tabla.

Consumir una API para mostrar una lista de usuarios en una tabla. Assignment

Students must

Mark as done

Consumir una API de ejemplo para mostrar una lista de usuarios en una tabla.

Se puede utilizar la misma API mostrada en el video (Consumir API con Angular - Ejemplo Completo) o cualquier otra API de preferencia. La tabla debe mostrar minimo 5 elementos con 5 propiedades (Una tabla 5x5)

Subir el código fuente

Trabajo opcional para evaluar los conocimientos de esta sección.

Servicios, APIs y Manejo de Datos

Section outline

Objetivos:

HttpClient

RxJS

Objetivos:

HttpClient

RxJS