Desarrollo Web en Entorno Cliente - Sesión 11 - Curso 24/25 - Conectamos con API desde Angular 1/3

¡Bienvenidos a una nueva sesión de nuestro curso intensivo de Angular!
En esta ocasión, vamos a llevar tus habilidades de desarrollo al siguiente nivel al conectar la aplicación Angular que hemos estado construyendo con una API RESTful que creamos en la sesión anterior utilizando Node.js.

¿Qué aprenderás en esta sesión?

Integración Frontend-Backend: Descubrirás cómo establecer una comunicación fluida entre tu interfaz de usuario de Angular y el servidor Node.js, aprovechando las ventajas de las arquitecturas de microservicios.
CRUD Completo: Implementaremos las operaciones CRUD (Create, Read, Update, Delete) de forma práctica, permitiendo a los usuarios agregar, leer, editar y eliminar registros desde la interfaz de usuario.
ng-bootstrap: Utilizaremos el poderoso componente modal de ng-bootstrap para crear diálogos interactivos y mejorar la experiencia del usuario al realizar operaciones de creación y edición.
Manejo de errores: Aprenderás a gestionar los errores que puedan surgir durante las solicitudes HTTP, garantizando la robustez de tu aplicación.
Mejores prácticas: Adoptaremos las mejores prácticas de desarrollo de Angular, como la inyección de dependencias, los servicios y los componentes inteligentes, para construir una aplicación escalable y mantenible.

Contenido detallado:
Recapitulación: Haremos un breve repaso de lo construido en la sesión anterior, recordando la estructura de nuestra API Node.js y los endpoints que hemos creado.
Configuración del servicio Angular: Crearemos un servicio en Angular para realizar las llamadas HTTP a nuestra API. Utilizaremos el módulo HttpClient de Angular para enviar solicitudes GET, POST, PUT y DELETE.
Implementación de las operaciones CRUD:
Lectura de datos: Mostraremos en una tabla los datos obtenidos de la API, utilizando el método GET.
Creación de un nuevo registro: Implementaremos un formulario para capturar los datos del nuevo registro y lo enviaremos al servidor mediante una solicitud POST. Utilizaremos el modal de ng-bootstrap para mostrar el formulario de creación.
Edición de un registro: Permitiremos a los usuarios editar registros existentes. Al hacer clic en un registro, se abrirá el modal de edición precargado con los datos del registro.
Eliminación de un registro: Implementaremos una confirmación antes de eliminar un registro.

¿Por qué deberías ver este video?
Si estás buscando profundizar en tus conocimientos de Angular y desarrollar aplicaciones web completas, este video es para ti. Aprenderás a conectar el frontend con el backend, a utilizar las mejores prácticas de desarrollo y a crear interfaces de usuario interactivas.

¡No te pierdas esta emocionante sesión y conviértete en un experto en Angular!

Repositorios con el proyecto terminado:
https://github.com/FranciscoBelda/bac...
https://github.com/FranciscoBelda/mov...