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 que incluye componentes independientes, 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 y la estructura actualizada del framework, ayudándote a desarrollar aplicaciones web con mejores estándares y prácticas. 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?
- Diferencias con otros frameworks
- Novedades clave de Angular 20
- Instalación de Node.js y Angular CLI
- Crear un proyecto con standalone components
Componentes en Profundidad
- Sintaxis y configuración de @Component
- Comunicación entre componentes con @Input y @Output
- Ciclo de vida: ngOnInit, ngOnDestroy, etc.
- Estilos encapsulados y globales
Templates, Directivas y Pipes
- Bindings: interpolación ({{}}), property y event binding
- Directivas estructurales: *ngIf, *ngFor, ngSwitch
- Directivas de atributo: ngClass, ngStyle
- Pipes integrados: date, currency, uppercase, slice
- Creación de pipes personalizados
Enrutamiento con provideRouter
- ¿Cómo funciona el routing en Angular 20?
- Configurar rutas con provideRouter y Route
- Navegación entre vistas
- Parámetros de ruta y query params
- Lazy loading moderno
- Guards básicos (canActivate, canLoad)
Servicios e Inyección de Dependencias
- ¿Qué es un servicio y por qué usarlo?
- Crear servicios e inyectarlos con inject() o constructor
- Singleton y alcance del servicio (providedIn)
- Uso básico de HttpClient
- Tipos de peticiones: get, post, put, delete
- Manejo básico de errores con catchError
Formularios Template-driven
- Estructura de formularios con directivas
- ngModel, name, #refs en inputs
- Validaciones: required, minlength, pattern
- Mostrar mensajes de error
- Formularios anidados simples
Formularios Reactivos
- FormGroup, FormControl, FormBuilder
- Validaciones reactivas
- Control de errores programático
- Validadores personalizados (Validators)
- Validación de formularios complejos
Signals y Estado Reactivo
- ¿Qué son los signals y por qué son importantes?
- signal(), computed(), effect()
- Estado local reactivo sin observables
- Cómo usar signals en templates
- Diferencias entre signals y RxJS
Comunicación Avanzada y Manejo de Estado
- Comunicación entre componentes hermanos (servicio compartido)
- EventEmitter vs Subject
- Patrones de arquitectura recomendados
- Uso básico de BehaviorSubject o signal() compartido
- Introducción a estado compartido simple (sin NgRx)
Testing de Componentes y Servicios
- ¿Por qué testear?
- Configuración con Jest (o Karma)
- Pruebas de componentes: rendering y eventos
- Pruebas de servicios: mock HTTP
- Pruebas de formularios
Arquitectura Escalable y Buenas Prácticas
- Organización por features (feature folders)
- Reutilización de componentes y servicios
- Nombres, rutas y estructura limpia
- Introducción ligera a NgModules para librerías o compatibilidad
Despliegue y Optimización para Producción
- Variables de entorno (environment.ts)
- Comandos de build: ng build --configuration=production
- Técnicas de lazy loading para performance
- Subida del proyecto a Netlify / Firebase / Vercel

Este curso se encuentra en desarrollo

Avísame cuando esté disponible

Curso de Angular 20: desarrollo de aplicaciones web escalables

Presentación

Contenido

Dirigido a

¿Qué competencias vas a adquirir?

Requisitos