Frontend con Angular: signals
Angular ·Frontend
Curso para dominar el modelo reactivo moderno de Angular basado en signals y simplificar el código de tu aplicación. Trabajas signals escribibles, valores derivados, efectos, inputs y outputs reactivos, queries del DOM, estado asíncrono e interoperabilidad con código RxJS existente. Al terminar diseñas componentes con menos re-renders, preparas aplicaciones sin zone.js y elevas la calidad técnica del equipo.
¿Prefieres verlo en directo? Agenda una demo sin compromiso.
Formación corporativa: este curso se activa bajo pedido para tu organización. Adaptamos temario, calendario y modalidad (teleformación, aula virtual o mixto).
Contenido del curso
Framework frontend de Google para aplicaciones web a escala empresarial.
-
Introducción a Angular Lección
-
Instalación Angular Lección
-
Comandos Angular CLI Lección
-
Estructura del proyecto Angular Lección
-
Test de fundamentos de Angular Test
Detalles del curso
Público objetivo
Este roadmap está diseñado para:
- Desarrolladores Angular con experiencia intermedia que buscan modernizar sus aplicaciones
- Frontend developers que trabajan con Angular y quieren dominar las últimas funcionalidades del framework
- Arquitectos de software interesados en optimizar el rendimiento y la mantenibilidad de aplicaciones Angular
- Desarrolladores full-stack que necesitan actualizar sus conocimientos en el ecosistema Angular
- Profesionales que trabajan con aplicaciones Angular en producción y buscan implementar mejores prácticas
Se recomienda tener conocimientos previos de Angular, TypeScript y conceptos básicos de programación reactiva.
Contenido del roadmap
Fundamentos de signals
- Introducción a Signals: comprende la filosofía y ventajas de este nuevo paradigma de reactividad
- Creación y lectura de signals: domina la sintaxis básica y los patrones de uso fundamentales
- Actualización de signals: aprende las diferencias entre
set()yupdate()para modificar valores
Signals avanzados
- Computed Signals: crea valores derivados que se actualizan automáticamente
- Effects: implementa efectos secundarios que reaccionan a cambios en signals
- Estado derivado con linkedSignal: gestiona estados complejos con dependencias
Modernización de componentes
- Input moderno con input(): reemplaza
@Input()con la nueva API basada en signals - Output moderno con output(): actualiza la comunicación entre componentes con
output() - Comunicación bidireccional: implementa
model()para binding bidireccional simplificado
Queries y colecciones
- Signal Queries individuales: utiliza
viewChild()ycontentChild()para referencias de elementos - Signal Collections: maneja múltiples elementos con
viewChildren()ycontentChildren()
Interoperabilidad y migración
- Integración con RxJS: convierte entre signals y observables con
toSignal()ytoObservable() - Gestión de datos asíncronos: implementa la API
resource()para operaciones asíncronas - Estado global: diseña arquitecturas de estado escalables con signals
Formularios y validación
- Signal forms: moderniza la gestión de formularios con la nueva API reactiva
Evaluación práctica
- Retos prácticos: demuestra tu dominio con ejercicios de WritableSignal, computed signals, effects y comunicación entre componentes
Objetivos de aprendizaje
Al completar este roadmap, serás capaz de:
- Implementar signals en aplicaciones Angular nuevas y existentes con confianza
- Optimizar el rendimiento de tus aplicaciones mediante el uso eficiente de computed signals y effects
- Modernizar componentes migrando de decoradores tradicionales a la nueva API de signals
- Gestionar estado complejo utilizando patterns avanzados con linkedSignal y estado global
- Integrar signals con RxJS manteniendo compatibilidad con código existente
- Desarrollar formularios reactivos con la nueva API de signal forms
- Implementar arquitecturas escalables que aprovechen las ventajas de los signals
- Resolver problemas comunes de reactividad y gestión de estado en aplicaciones Angular modernas
Este roadmap te proporcionará las habilidades necesarias para liderar la adopción de signals en tu equipo y crear aplicaciones Angular más eficientes y mantenibles.
Otros cursos de Angular
Frontend con Angular: componentes
Curso para dominar componentes en Angular, la unidad básica de toda aplicación frontend empresarial. Trabajas componentes standalone, plantillas con control de flujo moderno, data binding, comunicación padre-hijo, pipes y ciclo de vida. Al terminar consolidas el 80% del día a día en proyectos Angular reales y entregas componentes reutilizables listos para SPA corporativas.
Frontend con Angular: formularios
Curso para dominar formularios con Angular, la pieza más crítica de cualquier portal de cliente, back-office o trámite electrónico. Aprendes formularios reactivos, validación síncrona y asíncrona, validadores personalizados, formularios dinámicos con arrays y accesibilidad. Al terminar entregas flujos de captura de datos robustos, accesibles y fáciles de mantener en proyectos empresariales.
Frontend con Angular: routing
Curso para dominar el enrutado en Angular y construir aplicaciones con varias áreas funcionales sin sacrificar rendimiento. Trabajas rutas declarativas y anidadas, parámetros, guards funcionales para control de acceso por rol, resolvers, lazy loading por componente y eventos de navegación. Al terminar entregas SPAs con zonas pública y privada, carga diferida y deep linking compatible con URLs compartibles.
Frontend con Angular: RxJS
Curso para dominar programación reactiva con RxJS dentro de Angular y trabajar streams de datos sin perder el control. Aprendes Observables, operadores de transformación y combinación, encadenado de peticiones HTTP, debouncing en buscadores, gestión de errores y convivencia limpia con signals. Al terminar refactorizas código reactivo legacy, evitas memory leaks y construyes un proyecto integrador con búsquedas y streams.
¿Formación para tu equipo en esta tecnología?
Tú nos dices a quién formar y nosotros configuramos la plataforma con tu marca, damos de alta a tu gente, evaluamos las entregas con IA y te entregamos los certificados y los informes técnicos para tu gestor FUNDAE. Catálogo amplio con teleformación, aula virtual o mixto. Sin permanencia, sin coste de setup.
¿Prefieres verlo en directo? Agenda una demo.
Preguntas frecuentes
- ¿Frontend con Angular: signals es bonificable por FUNDAE para mi empresa?
- Puede ser bonificable cuando la acción cumple los requisitos aplicables. La plataforma aporta evidencias técnicas: seguimiento de tiempos, registro de conexiones, foros, encuestas y certificados para que tu entidad organizadora o gestoría revise la documentación.
- ¿En qué modalidades se imparte Frontend con Angular: signals?
- En tres modalidades: teleformación (online asíncrona), aula virtual privada en directo y mixta. Adaptamos temario, calendario y modalidad al equipo.
- ¿Se adapta Frontend con Angular: signals al nivel de mi equipo?
- Sí. Adaptamos temario, calendario y modalidad al nivel y al stack del equipo, con ejercicios evaluados por IA y certificado verificable.
- ¿Cuánto tarda en activarse para mi empresa?
- La activación corporativa estándar es rápida, sin coste de setup ni permanencia.