Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso de introducción a Gatsby!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso de introducción a Gatsby

Video Para qué usar graphql

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

Construir aplicaciones web viene acompañado siempre de procesar información de alguna fuente de datos. En el desarrollo web moderno, una aplicación web puede obtener información de distintas fuentes, incluso en un mismo proyecto, puedes tener 1, 2 o más fuentes de información alimentando la aplicación web.

Tradicionalmente, una aplicación web se acompaña de una base de datos para guardar y procesar la información. En el caso de graphql, las rutas y los archivos son estáticos, por lo que no hay oportunidad de hacer consultas a una base de datos como parte de una solicitud web.

Gatsby decide, en cambio, no asumir nada acerca de tu fuente de datos, decidir que cualquier desarrollador puede colocar cualquier tipo de fuente de datos para una aplicación de Gatsby, e incluso, que múltiples fuentes de datos pueden interactuar con Gatsby.

Esto por supuesto, es posible en cualquier otro framework, si buscas la implementación o el driver adecuado, puedes montar múltiples fuentes de datos para una aplicación web, en cualquier lenguaje. Lo que diferencía a Gatsby es graphql.

graphql funciona como una capa de comunicación entre Gatsby y las fuentes de datos, esto significa que es a través del lenguaje de consultas de graphql que puedes consultar información de cualquier fuente de datos con Gatsby.

Esta es una característica importante y poderosa para Gatsby, porque te permite efectivamente agregar, quitar o reemplazar fuentes de datos, sin tener que buscar drivers especiales o aprender el uso de una nueva librería, simplemente debes hacer una consulta con graphql, sin importar si tus datos vienen de un CMS, de archivos del sistema, de un servicio web, de una base de datos en la nube, o de varios de éstos a la vez.

Gatsby usa graphql para consultar datos que sirvan para el proceso de construcción de tus archivos estáticos. De ésta manera, conservas el dinamismo de una aplicación web, y los beneficios de un sitio web estático.

Cabe resaltar que no es necesario usar graphql en todos los sitios de Gatsby, tal como lo vimos en el vídeo pasado, sin embargo, graphql ofrece increíbles beneficios que irás conociendo conforme vayamos progresando en su uso.

  • Módulo 1 | 3 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      Presentación del curso de Gatsby

    • play_circle_outline

      Clase 2

      Qué es Gatsby

    • play_circle_outline

      Clase 3

      Qué es el JAMStack

  • Módulo 2 | 9 clases

    Fundamentos

    expand_more
    • play_circle_outline

      Clase 1

      Iniciando un proyecto de Gatsby

    • play_circle_outline

      Clase 2

      Gatsby starters

    • play_circle_outline

      Clase 3

      Creando mis primeras páginas

    • play_circle_outline

      Clase 4

      Componentes de React

    • play_circle_outline

      Clase 5

      Links

    • play_circle_outline

      Clase 6

      Qué son los plugins de Gatsby

    • play_circle_outline

      Clase 7

      API Files Gatsby

    • play_circle_outline

      Clase 8

      Servidor de graphql

    • play_arrow

      Clase 9

      Para qué usar graphql

  • Módulo 3 | 6 clases

    Trabajando con assets

    expand_more
    • play_circle_outline

      Clase 1

      La carpeta de assets estáticos

    • play_circle_outline

      Clase 2

      Importar imágenes con webpack

    • play_circle_outline

      Clase 3

      Gatsby Image

    • play_circle_outline

      Clase 4

      Gatsby Image - Dimensiones fluidas

    • play_circle_outline

      Clase 5

      Configuraciones adicionales de Gatsby Image

    • play_circle_outline

      Clase 6

      Importar hojas de estilo globales

  • Módulo 4 | 5 clases

    graphql y fuentes de datos

    expand_more
    • play_circle_outline

      Clase 1

      Crear páginas dinámicamente

    • play_circle_outline

      Clase 2

      Enviando datos a las páginas

    • play_circle_outline

      Clase 3

      Datos de los archivo de sistema

    • play_circle_outline

      Clase 4

      Fuentes de datos en Gatsby

    • play_circle_outline

      Clase 5

      Consultas graphql con argumentos

  • Módulo 5 | 4 clases

    Estilos

    expand_more
    • play_circle_outline

      Clase 1

      Archivos CSS globales

    • play_circle_outline

      Clase 2

      CSS modular

    • play_circle_outline

      Clase 3

      Styled components

    • play_circle_outline

      Clase 4

      Emotion

  • Módulo 6 | 5 clases

    Final y Extra

    expand_more
    • play_circle_outline

      Clase 1

      Componentes persistentes

    • play_circle_outline

      Clase 2

      Rutas del lado del cliente

    • play_circle_outline

      Clase 3

      PWA - Web manifest

    • play_circle_outline

      Clase 4

      PWA - Service Workers

    • play_circle_outline

      Clase 5

      Notas del deploy

Para qué usar graphql

arrow_back Siguiente arrow_forward
Curso de introducción a Gatsby