9. ANGULAR: PLANTILLAS, DIRECTIVAS Y PIPES | DE CERO A EXPERTO
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
En este video exploramos cómo dar forma y estilo a tus componentes usando plantillas, directivas y pipes en Angular 🧩. Veremos cómo aplicar clases y estilos de distintas formas: [class.] vs [ngClass] vs [class], [attr.], y [style] vs [style.] ✨, para tener control total sobre la apariencia de tus elementos. También aprenderás sobre directivas, tanto las nativas que Angular ya incluye como las personalizadas, para manipular el DOM y el comportamiento de tus componentes de manera dinámica ⚡. Al terminar, sabrás cómo crear interfaces más limpias, dinámicas y personalizables usando plantillas, directivas y pipes 💪. 💬 Déjame en los comentarios qué dudas tienes o qué temas te gustaría que exploremos más a fondo en futuros videos. 📢 ¡Únete a la comunidad y sígueme en redes sociales! ⏱️ Marcas de tiempo 00:00 – Intro 00:08 – ¡Suscríbete! 00:32 – Repaso del proyecto 03:45 – Clases dinámicas (ngClass) 04:45 – Señales (effect) 06:17 – Uso de plantillas (ng-template) 09:00 – Clases dinámicas (class.) 10:00 – Directivas 12:05 – Clases dinámicas (class) 14:08 –Probando la aplicación 16:10 –Definiendo un pipe 18:37 – Cambios proyecto 21:43 – Señales (computed) 25:40 – Recomendaciones ► 🐦 X (Twitter): [@johnnyromeronet](https://x.com/johnnyromeronet/) ► 📷 Instagram: [@johnnyromeronet](https://www.instagram.com/johnnyromeronet/) ► 🎥 TikTok: [@johnnyromeronet](https://www.tiktok.com/@johnnyromeronet/) ► 💼 LinkedIn: [Jonathan Romero Santos](https://www.linkedin.com/in/jonathanromerosantos/) ► 💻 GitHub: [Pokédex Angular](https://github.com/johnnyromeronet/pokedex-angular)
Sobre este curso
Domina Angular paso a paso con este curso completo que te llevará desde los fundamentos hasta conceptos avanzados del framework más popular de JavaScript para construir aplicaciones web modernas. 🔹 Contenido del curso: Módulo 1: Introducción y fundamentos Módulo 2: Preparación del entorno de desarrollo Módulo 3: Componentes básicos Módulo 4: Routing y módulos Módulo 5: Componentes avanzados Módulo 6: Ciclo de vida y detección de cambios Módulo 7: Manejo de datos Módulo 8: Servicios y señales Módulo 9: Plantillas, directivas y pipes Módulo 10: Formularios en Angular 💡 Ideal para: Desarrolladores que quieren aprender Angular desde cero, reforzar sus conocimientos o avanzar hacia un nivel profesional. 🚀 Aprende buenas prácticas, estructura de proyectos, y los conceptos clave para crear aplicaciones robustas, escalables y mantenibles con 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