[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

   1. Introducción a 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 Angula

   2. Configuración de múltiples idiomas y manejo de traducciones dinámicas

Documentación Recomendada

Learning Angular - Fifth Edition
Aristeidis Bampakos,
Jan 2025 | 486 Pages

https://www.packtpub.com/en-us/product/learning-angular-9781835081556