Curso de Building Micro Frontends with React
React es una biblioteca de código abierto Javascript utilizada para la construcción de interfaces de usuario para aplicaciones web. Micro Frontend es una arquitectura en la que fragmentos semi-independentes de la aplicación web UIs (fines delanteros) se desarrollan, testan y se desplegan independientemente. Es similar a la arquitectura de fondo de los microservices.
Este entrenamiento guiado por instructores, en vivo (online o on-site) está dirigido a los desarrolladores que desean utilizar React para desarrollar, probar y implementar microfrontends para grandes aplicaciones web, lo que los hace altamente escalables, tecnológicamente agnosticos y más fáciles de mantener.
Al final de este curso, los participantes podrán:
- Establecer el entorno de desarrollo necesario para comenzar el desarrollo de microfronteras con React.
- Comprender la arquitectura, los conceptos básicos y las ventajas de las microfronteras.
- Aprende a construir, integrar, probar y implementar microfrontends con React.
- Implementación de microfronteras con la federación de módulos.
- Aplique el flujo de trabajo de grado de producción del tubo CI/CD.
- Conozca los problemas comunes con CSS en microfronteras y cómo solucionarlos.
- Obtenga información sobre cómo implementar otros marco frontend con React.
Formato del curso
- Lecciones y discusiones interactivas.
- Muchos ejercicios y prácticas.
- Implementación de manos en un entorno de laboratorio en vivo.
Opciones de Customización de Curso
- Para solicitar una formación personalizada para este curso, por favor contacta con nosotros para organizar.
Programa del Curso
Introducción
- Visión general de la arquitectura micro-frontend y los conceptos básicos
- Fundamentos de React
Empezar
- Configuración del entorno de desarrollo
- Conceptos básicos de la federación de módulos
- Otros frameworks de frontend
Construcción de Micro Frontends
- Creación de una estructura de proyecto mediante React
- Conversión a micro-frontends
- Modificación de aplicaciones de micro-frontend
- Compartir dependencias y vincular varias aplicaciones
Integración de Host/Contenedores con Micro Frontends
- Integraciones en tiempo de compilación frente a integraciones en tiempo de ejecución
- Ensamblaje de los componentes de la aplicación
Trabajar con CSS en Micro Frontends
- Modificación del componente de encabezado
- Comprensión CSS en bibliotecas JS
- Problemas comunes con CSS en Micro Frontends
- Depuración y solución de problemas
Configuración de la autenticación en microfrontends
- Enfoques de implementación
- Comunicación de cambios de autenticación
- Adición de una configuración de implementación de autenticación
Implementación de micro frontends
- Requisitos para la implementación
- Implementación de la canalización de CI/CD
- Prueba de la canalización
- Ejecución de la implementación
- Verificación de la implementación
Solución de problemas
Resumen y próximos pasos
Requerimientos
- Experiencia con React
- Experiencia en programación Javascript
Audiencia
- Desarrolladores
Los cursos de formación abiertos requieren más de 5 participantes.
Curso de Building Micro Frontends with React - Booking
Curso de Building Micro Frontends with React - Enquiry
Building Micro Frontends with React - Consulta de consultoría
Consulta de consultoría
Testimonios (2)
Cómo el formador estructuró y explicó las lecciones: desde el ritmo del discurso hasta la información explicada, para que tanto los experimentados como los principiantes lo entiendan. ¡Gracias, Marcin!
Ana - MSG system
Curso - Building Micro Frontends with React
Traducción Automática
Es muy paciente y comprensivo con los participantes. Siempre está disponible para proporcionarnos valiosas perspectivas y consejos sobre cómo adoptar micro-frontends en nuestra propia organización. También nos enseñó cómo implementar micro-frontends sin utilizar códigos de plantilla.
Alvin Chin - Ministry of Defence
Curso - Building Micro Frontends with React
Traducción Automática
Próximos cursos
Cursos Relacionados
Advanced React
14 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (en línea o en el sitio) está dirigida a desarrolladores que desean crear React componentes y diseñar aplicaciones complejas.
Al final de esta capacitación, los participantes serán capaces de:
- Comprenda los conceptos avanzados de React, incluidas las API de contexto, los HOC, el estado externo, las API asíncronas, etc.
- Compila componentes componibles con React.
- Habilite la autenticación del lado del servidor y del lado del cliente.
- Implemente bibliotecas React y Redux para administrar aplicaciones complejas con estado.
- Reduzca el código y optimice el rendimiento de una aplicación.
- Pruebe e implemente una aplicación.
Choosing the Right JavaScript Framework
14 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (presencial o remota) está dirigida a desarrolladores que necesitan decidir qué marco JavaScript usar para desarrollar aplicaciones front-end.
Al final de esta formación, los participantes serán capaces de:
- Configure un entorno de desarrollo óptimo para empezar a desarrollar aplicaciones front-end.
- Implemente aplicaciones de demostración para probar las limitaciones y beneficios de un marco JavaScript.
- Decida qué marco de JavaScript es el más adecuado.
Testing React Apps with Jest
14 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (presencial o remota) está dirigida a ingenieros que desean usar Jest para probar React aplicaciones y componentes.
Al final de esta formación, los participantes serán capaces de:
- Instale y configure un entorno de prueba adecuado.
- Escriba pruebas asincrónicas para React aplicaciones y componentes.
- Ejecute Jest pruebas avanzadas que incluyen simulacros, espías y esbozos.
MERN Fullstack Development
14 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (en línea o en el sitio) está dirigida a desarrolladores web que desean utilizar MERN Stack para el desarrollo fullstack.
Al final de esta formación, los participantes serán capaces de:
- Integre React con MongoDB, Express y Node.js.
- Cree una aplicación web fullstack desde cero.
- Implemente la seguridad de las aplicaciones a través de la autorización y la autenticación.
Desarrollo Avanzado con Next.js 14
21 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (en línea o en el sitio) está dirigida a desarrolladores web y arquitectos técnicos de nivel intermedio a avanzado que deseen explorar los avances de Next.js 14 y obtener el conocimiento para crear aplicaciones web de vanguardia.
Al final de esta capacitación, los participantes serán capaces de:
- Aprovechar todo el potencial de Next.js 14 para crear aplicaciones complejas.
- Utilizar las funciones más recientes, como Middleware, React Server Components y Edge Functions.
- Implementar las mejores prácticas para el rendimiento, la escalabilidad y el SEO.
- Solucionar problemas comunes en aplicaciones Next.js de manera efectiva.
Next.js 14 - Advanced
21 HorasEste entrenamiento en vivo y dirigido por un instructor en Venezuela (en línea o en el lugar) está dirigido a desarrolladores de nivel avanzado que desean dominar las últimas características en Next.js 14, optimizar el rendimiento y implementar técnicas modernas React.
Al final de esta capacitación, los participantes podrán:
- Implementar ganchos avanzados React y características concurrentes.
- Comprender y utilizar eficazmente las estrategias de enrutamiento Next.js.
- Aprovechar los componentes del servidor, las acciones del servidor y los enfoques de representación híbrida.
- Optimizar la recuperación de datos, la caché y la regeneración estática incremental.
- Utilizar Next.js como solución backend con Edge Functions y Edge Runtime.
- Gestionar el estado utilizando React Context, Redux y bibliotecas de estado atómico.
- Optimizar el rendimiento de la aplicación para Web Core Vitals.
- Probar, monitorear y desplegar aplicaciones Next.js de manera eficiente.
Uso de React para Crear Aplicaciones Web Altamente Interactivas
21 HorasEn esta capacitación en vivo dirigida por un instructor en Venezuela, demostramos el poder y la flexibilidad de React, lo comparamos con marcos alternativos y guiamos a los participantes paso a paso a través de la creación de su propia aplicación React.
Al final de este curso, los participantes serán capaces de:
- Comprender la filosofía de diseño de React.
- Decida cuándo y dónde tiene sentido usar React y cuándo replantearse el modelo MVC convencional.
- Comprender React conceptos como componentes, props, estado y ciclo de vida.
- Implemente tecnologías relacionadas como Babel, Webpack y JSX.
- Cree, pruebe e implemente una aplicación web interactiva.
Creación de aplicaciones interactivas con React, Redux y GraphQL
28 HorasEn esta capacitación en vivo dirigida por un instructor en Venezuela, los participantes aprenderán a crear React aplicaciones utilizando Flux y GraphQL. El curso cubre la instalación, la configuración, la integración, las pruebas, la implementación y las mejores prácticas, ya que guía a los participantes a través de la creación de una serie de aplicaciones de muestra que demuestran cómo agregar niveles adicionales de complejidad y "genialidad" a una aplicación utilizando los kits de herramientas y técnicas más avanzados.
Desarrollar aplicaciones con React requiere un tipo de pensamiento diferente, en comparación con lo que algunos desarrolladores están acostumbrados, especialmente cuando provienen de la mentalidad de otros frameworks MVC como AngularJS y Bootstrap. Esta capacitación cubre los fundamentos detrás de las tecnologías utilizadas en cada paso del camino para que los participantes no solo puedan crear una aplicación funcional, sino también comprender por qué se utiliza un enfoque en particular. Esto sienta las bases para pensar de forma independiente y creativa sobre el diseño y los resultados deseados para construir sus propias aplicaciones en el futuro.
React with Next.js
14 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (en línea o en el sitio) está dirigida a desarrolladores web que desean utilizar Next.js para crear React aplicaciones.
Al final de esta capacitación, los participantes serán capaces de:
- Desarrolle aplicaciones web del lado del servidor y sitios estáticos en Next.js.
- Gestione y almacene datos con MongoDB.
- Proteja una aplicación web con la autenticación AuthO.
React Patterns
14 HorasEsta capacitación en vivo dirigida por un instructor (en línea o en el sitio) está dirigida a desarrolladores con React habilidades que desean optimizar y mejorar su creación de aplicaciones React mediante la comprensión y aplicación de los patrones de componentes de React.
Al final de esta formación, los participantes serán capaces de:
- Comprender los diferentes tipos de patrones React
- Uso de React Context API para aplicaciones web
Formato del curso
- Charla y discusión interactiva.
- Muchos ejercicios y práctica.
- Implementación práctica en un entorno de laboratorio en vivo.
Opciones de personalización del curso
- Para solicitar una formación personalizada para este curso, póngase en contacto con nosotros para concertarlo.
- Para obtener más información sobre React, visite: https://reactjs.org
Transform a React Application into a Progressive Web App (PWA)
14 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (in situ o remota) está dirigida a desarrolladores que desean transformar una aplicación React en una aplicación web progresiva.
Al final de esta capacitación, los participantes serán capaces de:
- Configure el entorno de desarrollo necesario para empezar a transformar una aplicación React.
- Almacenar en caché con Service Worker para hacer que una aplicación React funcione sin conexión.
- Crea y aplica estilo a una notificación push.
- Instale la aplicación web progresiva en un dispositivo móvil.
React, Redux and TypeScript
21 HorasReact es una biblioteca muy utilizada para crear aplicaciones de una sola página en Java Script y HTML . Lo utilizan empresas como Facebook , Instagram, Netflix o el New York Times.
Este curso presentará los fundamentos en los que se basan React y otras bibliotecas (como Angular y Vue.js ) y resaltará los aspectos específicos de React . También cubrirá tecnologías que se usan comúnmente con React , como Redux y React -Router.
Al final de este curso, los participantes podrán construir aplicaciones de diversa complejidad con React mientras se adhieren a las mejores prácticas.
React, Relay, and GraphQL
14 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (in situ o remota) está dirigida a desarrolladores que desean utilizar GraphQL y Relay para administrar datos en React aplicaciones.
Al final de esta capacitación, los participantes serán capaces de:
- Configure el entorno de desarrollo necesario para iniciar el control de datos para React aplicaciones.
- Ofrezca interacciones instantáneas de respuesta a la interfaz de usuario.
- Agregue datos de varias bibliotecas en una API conveniente.
- Captura previa con GraphQL y Relay.
Spring Boot, React, and Redux
14 HorasEsta capacitación en vivo dirigida por un instructor en Venezuela (en línea o en el sitio) está dirigida a desarrolladores web que desean crear aplicaciones web funcionales de front-end y back-end con Spring Boot, React, and Redux.
Al final de esta capacitación, los participantes serán capaces de:
- Construir una aplicación frontend con React y Redux.
- Crear APIs RESTful con Spring Boot.
- Asegurar servicios web con Spring security y tokens web JWT.
Online Payment Processing with Stripe
14 HorasEsta formación en directo dirigida por un instructor en Venezuela (online o presencial) está dirigida a desarrolladores que deseen monetizar un sitio web o una aplicación web utilizando la API de Stripe.
Al final de esta capacitación, los participantes serán capaces de:
- Configure el entorno de desarrollo necesario para comenzar a desarrollar.
- Cree una aplicación que integre funciones de procesamiento de pagos, como Checkout, Payment Intents y Billing.