Curso de React, Relay, and GraphQL
En los años posteriores a 2010, el cambio de plataformas web nativas a su contraparte móvil requirió un sistema de solicitud de datos más eficiente. En ese momento, las empresas confiaban en los servicios RESTful que demostraron ser defectuosos debido a su incapacidad para adaptarse a las solicitudes complicadas en las aplicaciones React , lo que resulta en tiempos de respuesta lentos. Para superar este obstáculo, Facebook ingenieros de Facebook crearon servicios conocidos como GraphQL y Relay. GraphQL simplifica la relación del cliente con la API al automatizar las solicitudes, mientras que el marco de Java Script, Relay, administra los datos en las aplicaciones React . Tanto Relay como GraphQL se utilizan para optimizar la interfaz de usuario de una aplicación React .
Esta capacitación en vivo dirigida por un instructor (en el sitio o remota) está dirigida a desarrolladores que desean utilizar GraphQL y Relay para administrar datos en aplicaciones React .
Al final de esta capacitación, los participantes podrán:
- Configure el entorno de desarrollo necesario para iniciar el control de datos para las aplicaciones React .
- Ofrezca interacciones instantáneas de respuesta de UI.
- Agregue datos de varias bibliotecas en una API conveniente.
- GraphQL usando GraphQL y Relay.
Formato del curso
- Conferencia interactiva y discusión.
- 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 capacitación personalizada para este curso, contáctenos para organizarlo.
Programa del Curso
Introducción
Visión general del ciclo Web Development
- Control de versiones, codificación, compilación, pruebas e implementación
- Automatización del proceso
Los fundamentos de las API y su funcionalidad
- Patrones de arquitectura web: el patrón compuesto, el patrón proxy y el patrón de fachada
- Operaciones: consultas y mutaciones
Preparación del entorno de desarrollo
- Preparación del repositorio de código (GitHub, GitLab, etc.)
- Instalación de NPM
- Preparación de dependencias de archivos
Desarrollo de una aplicación
- Creación de un almacén de datos que cargue el contenido de la carpeta de datos
- Creación de un archivo de servidor y configuración de GraphQL
- Ejecute React con Relay como marco de JavaScript
- Automatización del trabajo con la captura previa
- Conconsultas diferidas, defina propiedades para buscar datos críticos
- División de códigos de datos mediante Relay
Prueba de la aplicación
- Búsqueda de errores de código con JSHint
- Optimización de pruebas con web.dev
Protección de la aplicación
- Autenticación de usuarios
Solución de problemas
Resumen y conclusión
Requerimientos
- Comprensión de las API
Audiencia
- Desarrolladores
Los cursos de formación abiertos requieren más de 5 participantes.
Curso de React, Relay, and GraphQL - Booking
Curso de React, Relay, and GraphQL - Enquiry
React, Relay, and GraphQL - Consultas
Consultas
Testimonios (5)
Sin diapositivas de PowerPoint
Raymond Chan - Hospital Authority
Curso - Advanced React
Traducción Automática
El entrenamiento tiene buen contenido y es fácil de seguir
David Phetole Leshabela - Vodacom SA
Curso - React with Next.js
Traducción Automática
Me gustó la apertura y amabilidad de Osorio - y que no fuera tan seco sino divertido ¡qué bueno!
Jannis Hell - Planet Labs
Curso - GraphQL Basics
Traducción Automática
entrenador muy conocedor clases claras explica la importancia de aprender el tema da suficiente información de fondo sobre el tema
Li Fang Bren Ong - DBS Bank Limited
Curso - Ant Design
Traducción Automática
Aunque ya tenía un conocimiento bastante bueno del tema, descubrí mucha información útil durante el curso.
Stefan-Lucian Bucur - Cegeka NV
Curso - Building Interactive Applications with React, Redux and GraphQL
Traducción Automática
Próximos cursos
Cursos Relacionados
Advanced React
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (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.
Ant Design
7 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (en línea o en el sitio) está dirigida a desarrolladores que desean usar Ant Design para mejorar la experiencia del usuario para su aplicación React.
Al final de esta capacitación, los participantes podrán implementar los componentes de React de Ant Design para desarrollar hermosas aplicaciones web de clase empresarial.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 HorasEsta capacitación en vivo dirigida por un instructor (en línea o presencial) está dirigida a desarrolladores que desean utilizar la pila FARM (FastAPI, React y MongoDB) para crear aplicaciones web dinámicas, de alto rendimiento y escalables.
Al final de esta formación, los participantes serán capaces de:
- Configure el entorno de desarrollo necesario que integre FastAPI, React y MongoDB.
- Comprenda los conceptos clave, las características y los beneficios de la pila FARM.
- Aprenda a crear API REST con FastAPI.
- Aprenda a diseñar aplicaciones interactivas con React.
- Desarrolle, pruebe e implemente aplicaciones (front-end y back-end) mediante la pila FARM.
Conceptos básicos de GraphQL
7 HorasEn esta capacitación en vivo dirigida por un instructor en Colombia, los participantes aprenderán los fundamentos de GraphQL a medida que avanzan en la creación de una API simple con GraphQL.
Al final de esta formación, los participantes serán capaces de:
- Comprender qué es GraphQL y qué lo distingue de REST.
- Comprender los términos de nivel superior GraphQL.
- Configure un entorno de codificación GraphQL.
- Cree y mejore una API GraphQL.
Hasura GraphQL Engine
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (en línea o presencial) está dirigida a administradores y desarrolladores de bases de datos que desean utilizar Hasura para crear, acceder y administrar bases de datos y aplicaciones de manera eficiente con GraphQL.
Al final de esta formación, los participantes serán capaces de:
- Configure el entorno de desarrollo necesario para comenzar a construir bases de datos con Hasura.
- Construya, ejecute, administre el acceso a los datos y las consultas en Hasura utilizando modelos GraphQL.
- Proteja el acceso a los datos configurando la autenticación con JSON Web Tokens y Firebase.
- Amplíe las funciones de la base de datos mediante la integración de la lógica empresarial.
- Administre las migraciones de bases de datos y los metadatos de manera efectiva en Hasura para evitar la pérdida de datos.
Choosing the Right JavaScript Framework
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (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.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 HorasEsta formación en línea o presencial dirigida por un instructor está dirigida a desarrolladores .NET de nivel principiante que desean adquirir competencia en JavaScript, Node.js y React para desarrollar y migrar sistemas/plataformas de forma activa.
Al final de esta capacitación, los participantes podrán:
- Escribir y depurar código JavaScript de manera efectiva.
- Construir y desplegar aplicaciones del lado del servidor utilizando Node.js.
- Desarrollar interfaces de usuario dinámicas y receptivas con React.
- Integrar componentes de front-end y back-end para crear aplicaciones de pila completa.
- Entender las mejores prácticas para migrar sistemas legado a plataformas modernas basadas en JavaScript.
Testing React Apps with Jest
14 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (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.
Desarrollo Avanzado con Next.js 14
21 HorasEsta capacitación en vivo dirigida por un instructor en Colombia (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 Colombia (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.
Creación de aplicaciones interactivas con React, Redux y GraphQL
28 HorasEn esta capacitación en vivo dirigida por un instructor en Colombia, 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 Colombia (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.