Curso gratuito

Arquitectura de Micro-frontends con Module Federation de Webpack

Este curso avanzado te guiará en el diseño e implementación de arquitecturas de micro-frontends utilizando Module Federation de Webpack. Aprenderás a desplegar aplicaciones frontend distribuidas entre equipos, optimizando la colaboración y escalabilidad. Cada módulo incluye ejercicios prácticos para construir componentes reutilizables y un proyecto final integrador.

Avanzado
4 semanas
4 modulos
16 lecciones

Contenido del curso

Este módulo establece las bases técnicas para entender cómo Module Federation permite la federación de módulos entre aplicaciones independientes. Aprenderás a configurar un entorno básico con Webpack 5, creando tu primer micro-frontend y entendiendo los conceptos clave de host y remoto.

Aquí profundizarás en cómo los micro-frontends se comunican entre sí y manejan el estado de forma distribuida. Explorarás técnicas como eventos personalizados, APIs y librerías de estado global, asegurando una integración fluida sin acoplamiento fuerte.

Este módulo se enfoca en llevar tus micro-frontends a producción, abordando desafíos como el versionado, la carga diferida y la optimización del rendimiento. Aprenderás a configurar pipelines de CI/CD y a monitorear el rendimiento en tiempo real.

En este módulo final, aplicarás todos los conocimientos adquiridos para diseñar y construir una arquitectura completa de micro-frontends que simule un entorno real de múltiples equipos. Desarrollarás un dashboard modular con componentes federados, integrando comunicación, estado y despliegue.

Crea tu propio curso

La IA genera el contenido. Vos elegis el tema. En minutos tenes un curso completo para compartir.

Crear curso gratis