Curso de Angular 20: desarrollo de aplicaciones web escalables

Domina Angular 20 creando aplicaciones web escalables con arquitectura moderna, señales reactivas y despliegue óptimo para proyectos profesionales.

PRÓXIMAMENTE

Presentación
Contenido

PRÓXIMAMENTE

En la actualidad, el desarrollo web exige herramientas modernas y eficientes que respondan a las necesidades cambiantes de proyectos corporativos y aplicaciones de larga duración. Angular 20 representa la evolución del framework con una arquitectura renovada basada en Standalone Components, que elimina la dependencia de NgModules y simplifica la estructura de los proyectos. Además, introduce señales reactivas y una gestión avanzada del enrutamiento, facilitando la creación de aplicaciones más escalables y mantenibles.

Este framework es una alternativa sólida y ampliamente adoptada en entornos empresariales, que permite construir interfaces robustas y con un alto rendimiento. Aprender Angular en su versión más reciente no solo actualiza tus conocimientos técnicos, sino que también te posiciona competitivamente ante las demandas del mercado laboral y de proyectos de software modernos.

Este curso te proporcionará una comprensión clara y práctica de las nuevas funcionalidades, con un enfoque completo en el uso de Standalone Components como estándar, asegurando que domines la estructura actualizada del framework. Al finalizar, tendrás las herramientas necesarias para implementar soluciones frontend con una arquitectura sólida y adaptable, facilitando tu integración en equipos técnicos y mejorando la eficiencia en el desarrollo de aplicaciones.

Dirigido a
Desarrolladores web que:
- Quieren aprender Angular desde cero con su nueva arquitectura moderna (standalone components, signals, provideRouter, etc.).
- Desean actualizarse a Angular 20 si vienen de versiones anteriores del framework.
- Buscan una alternativa robusta a React o Vue para aplicaciones empresariales.
Estudiantes de programación o formación técnica que:
- Necesitan aprender un framework frontend orientado a producción y ampliamente usado en el sector corporativo.
Equipos de desarrollo o empresas que:
- Requieren formación actualizada en Angular para escalar sus proyectos internos.
- Buscan mantener la cohesión técnica en el stack frontend de su organización.
- Trabajan o planean trabajar con proyectos de larga duración y arquitectura sólida.
¿Qué competencias vas a adquirir?

Desarrollar aplicaciones web utilizando Angular 20.
Requisitos
- Conocimientos básicos de HTML, CSS y JavaScript moderno (ES6+)
- No se necesita experiencia previa con Angular u otros frameworks

Introducción a Angular y preparación del entorno
- ¿Qué es Angular y qué resuelve?
- Angular: fundamentos clave
- Angular vs otros frameworks
- Preparar el entorno
- Crear el primer proyecto Angular
- Resumen
Componentes en profundidad
- Declaración de Componentes y Standalone Components
- Comunicación entre componentes con @Input y @Output
- Ciclo de vida del componente
- Estilos: encapsulados y globales
- Resumen
Templates, directivas y pipes
- Binding de datos en plantillas
- Directivas estructurales
- Directivas de atributo
- Pipes integrados
- Creación de pipes personalizados
- Resumen
Enrutamiento
- Fundamentos del routing en Angular 20
- Configuración de rutas con provideRouter y Route
- Navegación entre vistas
- Parámetros de ruta y query params
- Lazy loading moderno
- Guards básicos
- Caso práctico: aplicación de un restaurante
- Resumen
Servicios e inyección de dependencias
- Introducción a los servicios
- Creación e inyección de servicios
- Ámbito y ciclo de vida de servicios
- Comunicación HTTP con HttpClient
- Manejo básico de errores en peticiones HTTP
- Interceptors HTTP para manejo global de peticiones y errores
- Lazy services y carga perezosa de servicios
- Resumen
Formularios template-driven
- Estructura básica de formularios template-driven
- Binding y sincronización con ngModel
- Validaciones básicas en formularios template-driven
- Mostrar mensajes de error
- Formularios anidados simples
- Resumen
Formularios reactivos
- Introducción a formularios reactivos
- Validaciones reactivas
- Manejo programático de errores
- Validadores personalizados
- Validación de formularios complejos
Signals y estado reactivo
- Introducción a Signals
- API básica de Signals
- Estado local reactivo sin necesidad de Observables
- Uso de Signals en templates Angular
- Diferencias entre Signals y RxJS
- Integración y coexistencia entre Signals y RxJS
Comunicación avanzada y manejo de estado
- Comunicación entre componentes hermanos
- Comparativa: EventEmitter vs Subject
- Patrones de arquitectura recomendados para manejo de estado
- Uso básico de BehaviorSubject y Signals compartidos
- Introducción a estado compartido simple sin NgRx
- Conceptos de gestión de estado reactivo a mayor escala (sin librerías externas)
Testing de componentes y servicios
- Importancia de testear en Angular
- Configuración del entorno de testing
- Pruebas de componentes
- Pruebas de servicios
- Pruebas de formularios
- Introducción a pruebas end-to-end (E2E) con Cypress o Playwright
Arquitectura escalable y buenas prácticas
- Organización por features (Feature Folders)
- Reutilización de componentes y servicios
- Nomenclatura, rutas y estructura limpia
- Introducción ligera a NgModules
- Migración y coexistencia entre NgModules y Standalone Components
- Monorepos y herramientas para proyectos grandes (Nx)
- Buenas prácticas de seguridad en Angular
Despliegue y optimización para producción
- Variables de entorno
- Comandos de build para producción
- Técnicas de lazy loading para mejorar performance
- Opciones populares para despliegue
- Análisis de bundles y optimización avanzada (tree shaking, preloading)
- Monitorización post-despliegue y feedback de usuarios

Este curso se encuentra en desarrollo

Solicita más información

Este campo es obligatorio Este campo es obligatorio Este campo es obligatorio Este campo es obligatorio Este campo es obligatorio Escribe tu consulta Este campo es obligatorio Acepto la Política de Privacidad Deseo suscribirme al newsletter de ADR Formación para recibir información sobre novedades, servicios y ofertas.

Curso de Angular 20: desarrollo de aplicaciones web escalables

Presentación

Contenido

Dirigido a

¿Qué competencias vas a adquirir?

Requisitos