Desarrollo Web en Entorno Cliente - Sesión 21 - Curso 24/25 - Ejercicio 2 CRUD y RXJS - 1ª parte
ฝัง
- เผยแพร่เมื่อ 9 ก.พ. 2025
- ¡Bienvenidos a la sesión 21 de nuestro curso de Angular! En esta clase práctica, vamos a consolidar todo lo aprendido construyendo un CRUD completo (Crear, Leer, Actualizar y Borrar) interactuando con la API pública backend-movies...
Aprenderemos a:
Consumir una API REST: Utilizaremos HttpClient de Angular para realizar peticiones GET, POST, PUT y DELETE a la API de Movies, obteniendo datos de productos reales.
Mostrar datos dinámicamente: Usaremos directivas como @For para renderizar la lista de productos en la interfaz de usuario.
Crear formularios reactivos: Implementaremos formularios con validaciones para la creación y edición de productos, manejando la interacción del usuario y la comunicación con la API.
Trabajar con Observables con peticiones a API y SwitchMap para mejorar las búsquedas en APIs.
En esta sesión, cubriremos los siguientes temas en detalle:
Servicios en Angular: Crearemos un servicio para encapsular la lógica de comunicación con la API, promoviendo la reutilización y la organización del código.
Observables y RxJS: Utilizaremos Observables para manejar las respuestas asíncronas de la API y operadores de RxJS para transformar y manipular los datos.
Validaciones en formularios reactivos: Implementaremos validaciones robustas para asegurar la integridad de los datos que se envían a la API.
Manejo de errores: Implementaremos estrategias para manejar los posibles errores que puedan ocurrir durante la comunicación con la API y proporcionar una buena experiencia de usuario.
Este ejercicio práctico te permitirá:
Dominar el consumo de APIs REST en Angular.
Profundizar en el uso de formularios reactivos.
Entender el flujo completo de una aplicación CRUD.
Aprender a implementar una búsqueda en API funcional.
¡No te pierdas esta sesión crucial para consolidar tus conocimientos de Angular y crear aplicaciones web completas e interactivas!