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 Qué es Gatsby

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

Gatsby es un framework basado en tecnologías modernas para crear aplicaciones web rápidas, de alto rendimiento y accesibles. Está basado en React, una de las librerías más populares de JavaScript, y graphql, un lenguaje de consultas para obteener datos de tu servidor.

Las aplicaciones web construídas con Gatsby son muy rápidas gracias al proceso de precompilado a través del cual Gatsby generar páginas estáticas de tus componentes en React, que, una vez llegan al navegador, aprovechan React para el dinamismo de la aplicación.

Gatsby obtiene datos de un gran número de fuentes de datos que pueden ir desde un CMS como Wordpress, listas en Trello, hojas de cálculo, servicios web externos, archivos del sistema, bases de datos en la nube, entre otros. Por lo que puedes elegir de entre esta gran variedad de fuentes de información para alojar los datos de tu aplicación, Gatsby usa una interfaz común sin importar de donde venga la información, un servidor de graphql y el lenguaje de consultas de graphql.

Ésta tecnología, además, abre las puertas a una enorme comunidad que ha construído numerosos plugins que te ayudan con tareas como generar imágenes responsivas, construir aplicaciones web progresivas, integrar herramientas modernas en el frontend, conectar con servicios de datos externos, entre otras cosas. Éstas integraciones hacen que al desarrollar aplicaciones web con Gatsby te concentres en el núcleo de tu aplicación, y no en la configuración de la misma.

Desde un punto de vista más práctico, las aplicaciones de Gatsby son aplicaciones de React que incluyen una interfaz para la integración de fuentes de datos, plugins y temas. A través de Gatsby puedes generar nuevas aplicaciones de React, pre configuradas con estrategias modernas de desarrollo como hot reloading.

Conoce más acerca de la arquitectura detrás de Gatsby, en el siguiente tema del curso.

  • Módulo 1 | 3 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      Presentación del curso de Gatsby

    • play_arrow

      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_circle_outline

      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

Qué es Gatsby

arrow_back Siguiente arrow_forward
Curso de introducción a Gatsby