Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo de facilitaremos un enlace para verlo en diferido
logoImagina
iconoCurso

Curso completo de Gatsby

DISPONIBLE EN MODALIDAD:
Este curso proporciona a los participantes las habilidades y conocimientos necesarios para desarrollar aplicaciones web headless utilizando la poderosa plataforma Gatsby. A través de una combinación de teoría y práctica, los alumnos aprenderán a crear sitios web rápidos, seguros y escalables utilizando tecnologías como React, GraphQL y Gatsby. Con un enfoque en la arquitectura headless, la integración de librerías y las mejores prácticas de seguridad y rendimiento, este curso es ideal para desarrolladores web que deseen ampliar sus habilidades y adentrarse en el fascinante mundo del desarrollo web headless con Gatsby.
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Formación en Gatsby bonificable para empresas

¿A quién va dirigido?

A todos los profesionales que deseen crear aplicaciones con React que usen GraphQL

Objetivos

  • Comprender los fundamentos del desarrollo web headless y su importancia en la construcción de aplicaciones modernas
  • Dominar el uso de Gatsby como herramienta principal para el desarrollo de sitios web headless
  • Integrar y utilizar librerías y frameworks populares en el ecosistema Node de JavaScript y TypeScript con Gatsby
  • Aplicar prácticas de seguridad, autenticación y autorización en proyectos Gatsby
  • Optimizar el rendimiento de las aplicaciones desarrolladas con Gatsby y monitorear su desempeño

¿Qué vas a aprender?

Este curso proporciona a los participantes las habilidades y conocimientos necesarios para desarrollar aplicaciones web headless utilizando la poderosa plataforma Gatsby. A través de una combinación de teoría y práctica, los alumnos aprenderán a crear sitios web rápidos, seguros y escalables utilizando tecnologías como React, GraphQL y Gatsby. Con un enfoque en la arquitectura headless, la integración de librerías y las mejores prácticas de seguridad y rendimiento, este curso es ideal para desarrolladores web que deseen ampliar sus habilidades y adentrarse en el fascinante mundo del desarrollo web headless con Gatsby.

Requisitos

  • Haber desarrollado previamente en JavaScript ES6 o posterior, Typescript y desarrollando aplicaciones con React y GraphQL o haber realizado el curso de React de Imagina Formación.
  • Disponer de un equipo con acceso a un usuario con permisos de instalación que poder emplear durante el curso
  • Tener Git, Node LTS, npm y Visual Studio Code instalados localmente en su última versión.
  • Se recomienda tener Visual Studio Code instalado con los plugins adecuados para desarrollar con React

Temario del curso

tema 1

Introducción al Desarrollo Web Headless y Gatsby

  • ¿Qué es el desarrollo web headless y por qué es importante?
  • Ventajas de utilizar Gatsby en el desarrollo web headless
  • Configuración del entorno de desarrollo con Visual Studio Code y Node.js
  • Creación de un nuevo proyecto en Gatsby con Node y Typescript
  • Despliegue local del sitio web con Gatsby
tema 2

Fundamentos de Gatsby

  • Estructura de archivos y directorios en un proyecto Gatsby
  • Uso de componentes y rutas en Gatsby
  • Manejo de datos en Gatsby utilizando GraphQL
  • Estilización de componentes con CSS en Gatsby
  • Uso de plugins y temas en Gatsby
tema 3

Construcción de páginas estáticas con Gatsby

  • Creación de páginas estáticas utilizando datos estáticos en Gatsby
  • Generación de páginas dinámicas con contenido de origen externo
  • Optimización de imágenes y recursos en Gatsby
  • Implementación de paginación en un sitio web Gatsby
  • Aplicación de técnicas de SEO en Gatsby
tema 4

Integración de librerías y frameworks en Gatsby

  • Integración de React, JSX y TSX en Gatsby
  • Uso de librerías populares en Gatsby
  • Implementación de estilos con librerías como Styled Components o Tailwind CSS en Gatsby
  • Integración de TypeScript en un proyecto Gatsby
  • Utilización de bibliotecas de pruebas como Jest o Cypress en Gatsby
tema 5

Trabajo con APIs y servicios externos en Gatsby

  • Consumo de datos de APIs externas en Gatsby
  • Autenticación y autorización en Gatsby utilizando servicios externos
  • Integración de servicios de terceros, como Google Maps o Stripe, en Gatsby
  • Implementación de formularios y validación en un sitio Gatsby
  • Envío de correos electrónicos desde un sitio Gatsby utilizando servicios de envío de correos
tema 6

Creación de sitios web multilingües con Gatsby

  • Configuración de múltiples idiomas en un proyecto Gatsby
  • Uso de contenido localizado en diferentes idiomas en Gatsby
  • Implementación de rutas y navegación multilingüe en Gatsby
  • Internacionalización de componentes y mensajes en un sitio Gatsby
  • Mejores prácticas para la creación de sitios web multilingües en Gatsby
tema 7

Administración y seguridad en Gatsby

  • Gestión de usuarios y autenticación en Gatsby
  • Implementación de políticas de seguridad y protección de datos en Gatsby
  • Configuración de permisos y roles de usuario en Gatsby
  • Mejores prácticas para asegurar un sitio Gatsby
  • Auditoría y monitoreo de seguridad en Gatsby
tema 8

Despliegue y administración de proyectos Gatsby

  • Configuración y despliegue de un sitio Gatsby en servicios de hosting como Vercel
  • Automatización de tareas de construcción y despliegue en Gatsby
  • Gestión de dependencias y actualizaciones en un proyecto Gatsby
  • Monitoreo y análisis del rendimiento de un sitio Gatsby
  • Estrategias de escalabilidad y gestión de recursos en un sitio Gatsby
tema 9

Mejora del rendimiento y optimización en Gatsby

  • Técnicas para mejorar el tiempo de carga de un sitio Gatsby
  • Reducción del tamaño de archivos y optimización de recursos en Gatsby
  • Implementación de carga diferida (lazy loading) en Gatsby
  • Optimización de imágenes y uso de formatos webp en Gatsby
  • Cacheo y almacenamiento en caché en Gatsby
tema 10

Pruebas y depuración en Gatsby

  • Estrategias de pruebas unitarias y de integración en Gatsby
  • Configuración de herramientas de prueba como Jest y React Testing Library en Gatsby
  • Depuración de errores y problemas en un proyecto Gatsby
  • Optimización y mejora del proceso de desarrollo en Gatsby
tema 11

Mantenimiento y actualización de proyectos Gatsby

  • Mejores prácticas para el mantenimiento y actualización de proyectos Gatsby
  • Gestión de versiones y control de cambios en Gatsby
  • Actualización de dependencias y migración de versiones en Gatsby
  • Solución de problemas comunes en proyectos Gatsby
  • Documentación y buenas prácticas de desarrollo en Gatsby
tema 12

Integración de Gatsby con CMS populares

  • Configuración e integración de Gatsby con CMS headless como Contentful, Strapi o WordPress
  • Uso de GraphQL para obtener datos de un CMS en Gatsby
  • Implementación de flujos de trabajo de edición y publicación en Gatsby con un CMS
  • Personalización y extensión de un CMS integrado en Gatsby
  • Consideraciones de seguridad y rendimiento al integrar un CMS en Gatsby
tema 13

Proyecto Final: Desarrollo de una aplicación web headless con Gatsby

  • Análisis de requisitos y diseño de la aplicación web headless
  • Implementación de la estructura de archivos y componentes en Gatsby
  • Integración de librerías y servicios externos necesarios en la aplicación
  • Desarrollo de funcionalidades principales y gestión de estado en Gatsby
  • Pruebas y depuración de la aplicación web headless
  • Despliegue y puesta en producción de la aplicación web headless con Gatsby

Curso de Gatsby bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

 

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE
imagenFundae
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient