Comunicación entre componentes: Output | 4

Lección 3 de 329%

Sigue así. Cada lección te acerca más a tu certificado.

Sobre esta lección

En este video del curso de Angular moderno, aprenderás cómo comunicar datos desde un componente hijo a su componente padre usando la funcionalidad de Outputs. Este tutorial explica de forma práctica cómo trabajar con eventos y datos emitidos para construir aplicaciones dinámicas y bien organizadas. ✨ Lo que aprenderás: 📤 Implementar la comunicación del componente hijo al padre con Outputs. 🧩 Crear interfaces para definir estructuras de datos en Angular. 🚀 Configurar eventos y manejadores de datos dinámicos. 🛠️ Optimizar el código moviendo lógica entre componentes. 🎯 Trabajar con propiedades y eventos personalizados en Angular. 🔗 Índice de contenido con timestamps: 00:00 - Introducción al tema y objetivos 00:42 - Ajustes en el estilo del componente HeroItem 01:33 - Creación de una interfaz para transmitir datos 02:04 - Definición de HeroPowerStatChange 03:00 - Configuración del Output en el componente HeroItem 03:50 - Implementación de la lógica para emitir datos 06:40 - Resumen de la implementación de Output 10:28 - Introducción al flujo de control en templates ------------------- 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 3 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