Angular + API REST: Construye un CRUD moderno en 2 horas

🚀Desarrolla tu primera aplicación frontend con Angular e iníciate para dominar el framework más demandado de la industria front.

💡Qué aprenderás:

🟩 1. Introducción y Setup

• ¿Qué es una API REST y cómo se comunica con Angular?
• Breve repaso de Angular CLI y estructura del proyecto
• Crear proyecto nuevo con ng new o abrir uno base
• Crear estructura de carpetas: components, services, models
• Importar HttpClientModule y ReactiveFormsModule
• Explicación del backend a consumir (JSONPlaceholder, mock API, o API propia)

🟦 2. Leer datos: GET + Mostrar en tabla

• Crear modelo de datos (User, Product, etc.)
• Crear servicio Angular (ng generate service) para la API
• Usar HttpClient.get() para obtener lista de registros
• Mostrar datos con *ngFor en tabla
• Añadir trackBy, key y buenas prácticas

🟧 3. Crear y Editar con Reactive Forms

• Crear formulario reactivo con FormBuilder
• Usar FormGroup, FormControl, validaciones
• Crear nuevo registro con HttpClient.post()
• Editar registro (PATCH o PUT)
• Manejar estados de carga y éxito
• Mensajes de error y validación

🟥 4. Eliminar, limpiar, ordenar

• Agregar botón para eliminar (HttpClient.delete())
• Confirmación antes de borrar
• Actualizar lista después del cambio (sin recargar)
• Ordenar lista por fecha o nombre
• Mejores prácticas: separar lógica en servicios, reutilización de formulario
• Cierre: resumen + código base + ideas para extender

👉Formato del Evento:

• En remoto Zoom

👉Requisitos Previos:

• Ganas de aprender e iniciarse en angular.