[TWB-090] Angular 18 Avanzado

Este curso cubre temas clave como lazy loading, transclusión, ng-content, y componentes dinámicos. Explora el patrón FLUX con NgRx, incluyendo actions, reducers, selectors y effects. También aborda Progressive Web Apps (PWA), Angular Universal para SSR y prerendering, y la internacionalización con ngx-translate.

Duración:                     25 horas

Perfil:                            Avanzado

Dirigido a

Esta acción formativa va dirigida a programadores y analistas web que deseen profundizar en conceptos avanzados y optimizar el rendimiento y la funcionalidad de sus aplicaciones con Angular.

Requisitos previos 

Los alumnos necesitarán tener experiencia y conocimientos consolidados de Angular.

Objetivos

• Implementar técnicas avanzadas.
• Crear y gestionar componentes dinámicos.
• Dominar el patrón FLUX con NgRx para manejar estados complejos en aplicaciones.
• Diseñar Progressive Web Apps (PWA).
• Implementar Server-Side Rendering (SSR) y prerendering con Angular Universal.

Contenido

1. Optimización y Carga de Componentes

   1. Implementación de Lazy Loading para cargar módulos de forma eficiente
   2. Uso de ng-content y Transclusión para mejorar la reutilización de componentes
   3. Aplicación del atributo select para controlar la distribución del contenido en componentes

2. Componentes Dinámicos

   1. Creación y gestión de componentes dinámicos con ViewChild y ViewContainerRef

3. Gestión de Estado con NgRx

   1. Implementación del patrón FLUX con NgRx:
      1. Actions: Definición de acciones para manipular el estado
      2. Reducers: Creación de reductores para modificar el estado
      3. Selectors: Consultas eficientes del estado global
      4. Effects: Manejo de efectos secundarios y operaciones asíncronas

4. Progressive Web Apps (PWA)

   1. Beneficios y características de las Progressive Web Apps
   2. Configuración del App Manifest para la instalación y personalización
   3. Implementación de Service Workers para caching y manejo offline
   4. Activación de Notificaciones Push en dispositivos móviles
   5. Procedimiento para instalar una PWA en dispositivos móviles

5. Server-Side Rendering (SSR) y Prerendering con Angular Universal

   1. Introducción a Angular Universal para la renderización del lado del servidor
   2. Implementación de SSR para mejorar el SEO y tiempos de carga
   3. Uso de Prerendering para generar contenido estático de manera eficiente

6. Internacionalización con ngx-translate

   1. Implementación de ngx-translate para la traducción de aplicaciones Angular
   2. Configuración de múltiples idiomas y manejo de traducciones dinámicas

Documentación Recomendada

Learning Angular - Fourth Edition
Aristeidis Bampakos, Pablo Deeleman
February 2023 | 396 Pages
ISBN 9781803240602

https://www.packtpub.com/product/learning-angular-fourth-edition/9781803240602