Comunicación entre componentes | 3

Lección 2 de 326%

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.

Lección 2 de 32Nivel: principianteDuración total: 12h 48m

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