¡Lleva tus habilidades al siguiente nivel: Domina Angular Avanzado y descubre cómo crear aplicaciones modernas, escalables y optimizadas para la nube con las mejores prácticas de desarrollo y despliegue!
¿POR QUÉ ANGULAR?
Estudiar Angular te permite construir aplicaciones web dinámicas, escalables y de alto rendimiento, dominando una de las herramientas más demandadas en el desarrollo moderno
QUE APRENDERÁS
✅Aprenda microfrontend con SPA y Module Federation
✅Realizar la implementación en Programación Reactiva
✅Implementar desarrollo Avanzado con TypeScript con Angular.
✅Crear Diseños Modernos con Angular Material
✅Cloud: Configuración con AWS Amplify y Despliegue en AWS S3
✅PWA (Progressive Web Applications)
✅Suficiente conocimiento para poder realizar pruebas unitarias.
REQUISITOS:
✅Tener conocimiento básico de Typescript.
✅Tener conocimiento en programación.
DIRIGIDO:
✅Todo profesional con ganas de aprender y fortalecer sus conocimientos de frontend.
✅Para estudiantes de tecnología que ya quieran laborar en una compañía
✅Otros profesionales relacionados con el área de TI
TEMARIO
Introducción a Angular
Configuración inicial y uso de Angular CLI:
➡️Instalación: cómo instalar Angular CLI.
➡️Crear un proyecto con ng new.
➡️Crear una librería con ng generate library.
➡️Comandos básicos: generación de componentes, servicios, módulos, etc.
➡️Configuraciones avanzadas: múltiples environments.
➡️Configuraciones avanzadas: archivos de configuración (angular.json).
Conceptos básicos
➡️Estructura de un proyecto angular.
➡️Estructura de una librería angular (valor agregado).
➡️Componentes (Definición, Ciclo de vida, Estilos.)
➡️Módulos.
Definición
Tipos de módulos
Feature modules.
Core Modules.
Shared Modules.
Estrategias para organizar módulos en aplicaciones grandes.
➡️Servicios.
Definición
Inyección de dependencias.
Scopes y providers.
Uso de servicios.
Actualización a Angular 19:
➡️Incremental Hydration (SSR por partes con @defer)
➡️Route-Level Render Mode (configuración por ruta: ServerRouteConfig)
➡️Event Replay (reproducción de eventos en SSR)
➡️Hybrid Rendering (combinación de SSR, CSR y pre-renderizado)
➡️TypeScript 5.6 Support (compatibilidad total con TS 5.6)
➡️Signal API estabilizado (incluye linkedSignal y advertencias de importaciones no usadas)
➡️Experimental Resource API (nueva resource() para datos asíncronos)
➡️Standalone Components por defecto y enforcement estricto
➡️Warnings para imports no usados en standalone
Componentes y Elementos con TypeScript
Nuevas características de TypeScript compatibles con Angular 19.
➡️Tipado mejorado en TS 5.6.
➡️Soporte completo para ECMAScript moderno.
➡️Control de flujos de código.
➡️Compatibilidad con decoradores de última generación.
Novedades con Angular 18.
➡️Fallback for ng-content, Improved Form Events, Router Redirects.
Angular Material
Nuevos componentes y mejoras en Angular Material v19.
➡️Enhanced Theming API (mat.theme unificado)
➡️Actualización de Material 3 como base estable.
➡️Mejoras en accesibilidad y rendimiento.
➡️Nuevas APIs para overrides de componentes.
Router Modules y Lazy Loading
Nuevas técnicas y optimizaciones de Lazy Loading.
➡️Conceptos básicos.
➡️Implementación de lazy loading.
Programación Reactiva con RxJs:
Introducción a RxJs
➡️Conceptos básicos, Ventajas
Creación de observables.
➡️Creación Básica, Creación a partir de Fuentes existentes, Creación asíncrona.
Operadores avanzados.
➡️Transformación de datos (map), Filtrado de datos (filter)
➡️Combinación de Observables (merge), Control de concurrencia (switchMap)
Gestión de estado con NgRx:
Patrones para la gestión de estado.
➡️Patrón store, Patrón Actions, Patrón Reducer, Patrón Effects., Implementación.
Consumo de Servicios API
Manejo avanzado de HttpClient:
➡️Manejo de peticiones http.
➡️Manejo de interceptores (Headers).