Especialista en Angular

¡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

Introducción a Angular

Configuración inicial y uso de Angular CLI:

✅Instalación: cómo instalar angular CLI.
✅Instalación, crear un proyecto.
✅Instalación, crear una librería.
✅Comandos básicos: Generación de componentes, servicios, módulos, etc.
✅Configuraciones avanzadas: Múltiplos 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:

✅Novedades y cambios importantes:
✅Nuevas características: Angular signals.
✅Nuevas características: SSR.
✅Mejoras en rendimiento y Deprecaciones
✅Componentes y Elementos con TypeScript

Nuevas características de TypeScript compatibles con Angular 18.

✅Tipado mejorado.
✅Control de flujos de código.
✅Soporte para ECMAScript.
✅Mejoras en el Desarrollo.
✅Compatibilidad con Decoradores.

Angular Material

Nuevos componentes y mejoras en Angular Material.

✅Componentes para formularios.
✅Componentes para tablas.
✅Componentes de navegación.
✅Mejoras en accesibilidad.
✅Mejoras en rendimiento.

Tematización avanzada y creación de temas personalizados.

✅Variables SASS,  Paleta de Colores, Tematización dinámica.

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).
✅Manejo de errores.

Seguridad en Aplicaciones FrontEnd

✅Últimas prácticas en seguridad para Angular 17.
✅Integración de OAuth y JWT para autenticación y autorización.

Progressive Web Apps (PWA)

✅Convertir una aplicación Angular en una PWA
✅Uso de Service Workers y cacheo de activos
✅Estrategias offline y actualización en segundo plano

Pruebas Unitarias y Pruebas Estáticas

Uso de herramientas actualizadas para pruebas unitarias:

✅Jasmine y Karma.
✅Configuración y ejecución de pruebas unitarias.

Integración de SonarQube con Angular 18.

AWS Amplify

✅Configuración de AWS Amplify para aplicaciones AngularJS.
✅Uso de Amplify para gestionar autenticación, almacenamiento y API.
✅Implementación de despliegues rápidos de aplicaciones AngularJS usando Amplify.

AWS S3 (Simple Storage Service)

✅Configuración de un bucket para servir aplicaciones AngularJS.
✅Despliegue de un proyecto Angular a S3.
✅Configuración de permisos y políticas de seguridad en S3.

Patrones de diseño y Arquitectura en angular

✅Patrones de diseño.
✅Principios de arquitectura modular.

Micro Frontends

✅Modularización con Microfrontends
✅¿Qué son los Microfrontends?
✅Estrategias para implementar Microfrontends en Angular
✅Integración con Web Components.
✅Aprendiendo SPA para microfrontend
✅Entendiendo Module Federation en microfrontend
✅Uso de Webpack Module Federation para dividir la aplicación
✅Angular Universal para aplicaciones SSR (Server-Side Rendering).
✅Optimización de rendimiento y análisis de aplicaciones Angular.