COGNOS - Capacitación

Micro Frontend

Código: MF-001

React es una biblioteca Javascript de código abierto que se utiliza para crear interfaces de usuario para aplicaciones web. Micro Frontend es una arquitectura en la que se desarrollan, prueban e implementan de forma independiente fragmentos semiindependientes de las UI de la aplicación web (front-end). Se asemeja a la arquitectura de back-end de los microservicios.
Esta capacitación en vivo dirigida por un instructor, está dirigida a desarrolladores que desean usar React para desarrollar, probar e implementar micro-frontends para aplicaciones web grandes, haciéndolas altamente escalables, independientes de la tecnología y más fáciles de mantener.

Propuesta de Valor: DESARROLLO - PROGRAMACIÓN - METODOLOGÍAS

Duración: 24 Horas

Áreas de Conocimiento:

DESARROLLO Y PROGRAMACION

Exportar Contenido a PDF

AUDIENCIA

Desarrolladores y Arquitectos de Software que quieran aprender sobre el tema de una forma totalmente práctica
Desarrolladores que tienen sólidos conocimientos de Frontend

PRE REQUISITOS

Saber javascript y cómo mecanografiar recomendación
Conocer y/o haber trabajado con algún framework frontend como React, Angular y VueJS

OBJETIVOS

Objetivo General.

Desarrollar e implementar sitios web y aplicaciones web con HTML, CSS y JavaScript con las últimas versiones,abarcando las herramientas y marcos de mercado como React, Angular, Webpack, jQuery y más.

Objetivos Específicos

Crear carteras de desarrollo web alineados con el mercado
Desarrollar sitios web que mejoren la experiencia de usuario
Implementar soluciones digitales innovadoras para una audiencia corporativa diversa

CERTIFICACIÓN DISPONIBLE

Certificado emitido por COGNOS.

CONTENIDO

1. INTRODUCCIÓN

1.1. DESCRIPCIÓN GENERAL DE LA ARQUITECTURA MICRO-FRONTEND Y LOS CONCEPTOS BÁSICOS
1.2. FUNDAMENTOS DE REACCIONAR

2. EMPEZANDO

2.1. CONFIGURACIÓN DEL ENTORNO DE DESARROLLO
2.2. CONCEPTOS BÁSICOS DE LA FEDERACIÓN DE MÓDULOS
2.3. OTROS MARCOS FRONTEND

3. CREACIÓN DE MICROFRONTENDS

3.1. CREANDO UNA ESTRUCTURA DE PROYECTO USANDO REACT
3.2. CONVERSIÓN A MICRO-FRONTENDS
3.3. MODIFICACIÓN DE APLICACIONES DE MICRO-FRONTEND
3.4. COMPARTIR DEPENDENCIAS Y VINCULAR MÚLTIPLES APLICACIONES

4. INTEGRACIÓN DE HOSTS/CONTENEDORES CON MICROFRONTENDS

4.1. INTEGRACIONES EN TIEMPO DE COMPILACIÓN FRENTE A TIEMPO DE EJECUCIÓN
4.2. MONTAJE DE LOS COMPONENTES DE LA APLICACIÓN

5. TRABAJANDO CON CSS EN MICRO FRONTENDS

5.1. MODIFICAR EL COMPONENTE DE ENCABEZADO
5.2. COMPRENDER CSS EN BIBLIOTECAS JS
5.3. PROBLEMAS COMUNES CON CSS EN MICRO FRONTENDS
5.4. DEPURACIÓN Y CORRECCIÓN DE PROBLEMAS

6. CONFIGURACIÓN DE AUTENTICACIÓN EN MICRO FRONTENDS

6.1. ENFOQUES DE IMPLEMENTACIÓN
6.2. COMUNICAR CAMBIOS DE AUTENTICACIÓN
6.3. AGREGAR UNA CONFIGURACIÓN DE IMPLEMENTACIÓN DE AUTENTICACIÓN

7. IMPLEMENTACIÓN DE MICROFRONTENDS

7.1. REQUISITOS PARA EL DESPLIEGUE
7.2. IMPLEMENTACIÓN DE LA CANALIZACIÓN DE CI/CD
7.3. PROBANDO LA TUBERÍA
7.4. EJECUTANDO LA IMPLEMENTACIÓN
7.5. VERIFICANDO EL DESPLIEGUE

BENEFICIOS

Al final de esta capacitación, los participantes podrán:

Configure el entorno de desarrollo necesario para comenzar a desarrollar micro-frontends con React.
Comprender la arquitectura, los conceptos básicos y las ventajas de las micro-frontends.
Aprenda a construir, integrar, probar e implementar micro-frontends con React.

DESARROLLO - PROGRAMACIÓN - METODOLOGÍAS