Comunicación entre componentes | 3
Sigue así. Cada lección te acerca más a tu certificado.
Sobre esta lección
En este video, aprenderás a comunicar componentes en Angular mediante la funcionalidad de Inputs. Exploramos cómo un componente padre puede enviar datos a un componente hijo y cómo implementar esta comunicación de manera eficiente. El tutorial se enfoca en ejemplos prácticos para garantizar una comprensión completa. ✨ Lo que aprenderás: 🛠️ Configurar un componente padre para comunicar datos a componentes hijos. 🔄 Implementar inputs y señales en Angular moderno. 🧩 Usar Angular CLI para crear componentes estructurados. 🚀 Parametrizar componentes para trabajar con listas dinámicas. 🎨 Aplicar estilos flexibles y dinámicos para organizar múltiples componentes. 🔗 Índice de contenido con timestamps: 00:00 - Introducción al tema y objetivos 00:45 - Revisión de la estructura básica previa 01:36 - Configuración inicial del componente padre 02:03 - Creación del componente HeroList con Angular CLI 02:34 - Estructura de HTML en HeroList 03:06 - Configuración e importación del componente HeroItem 05:00 - Estilos iniciales en HeroList para organización visual 05:38 - Comunicación de datos desde el componente padre a hijos 07:54 - Introducción a Signals y Inputs en Angular 05:11 - Configuración avanzada con Input Signals 06:43 - Ejemplo práctico con Spiderman, Batman y Dr. Octopus 17:05 - Conclusión y próximos pasos del curso ------------------- RECURSOS ------------------- 💻 Repositorio del proyecto: https://github.com/puntotech/angular-renaissance-fundamentals-workshop ----------------------------------------- ¡Dale like 👍, comenta 📝 y suscríbete 🔔 para no perderte los próximos episodios!
Sobre este curso
En este curso aprenderás a desarrollar una aplicación completa en Angular Moderno (19+) aprendiendo los fundamentos de Angular.
Lo que aprenderás en este curso:
- Comprender la arquitectura de módulos y componentes de Angular
- Crear servicios, directivas y pipes personalizados
- Implementar formularios reactivos y validaciones
- Gestionar el enrutamiento y la navegación en Angular