Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Desarrolla sitios y aplicaciones web de alto rendimiento con Gatsby, el framework basado en React que te permite estructurar proyectos, interactuar con React, utilizar plugins, crear componentes y manejar estilos. Consume datos de GraphQL en tiempo de construcción en lugar de tiempo de ejecución para llevar tu aplicación a producción en Netlify.

Regístrate a Platzi

Con este curso podrás:

Instalar y configurar Gatsby desde cero

Instalar y configurar Gatsby desde cero

Crear vistas de una app web con Gatsby y React

Crear vistas de una app web con Gatsby y React

Conectar tu aplicación en Gatsby a una API en GraphQL

Conectar tu aplicación en Gatsby a una API en GraphQL

Crear páginas web programáticamente

Crear páginas web programáticamente

Temario del curso

Introducción a Gatsby

¿Qué es Gatsby?
¿Por qué Gatsby? Seguridad y Velocidad
Diferencias entre SPA, SSR y Gatsby

Preparando el entorno

Requisitos previos y herramientas de desarrollo
Configuración de ESLint
Gatsby y Gatsby CLI y Starters

Fundamentos de Gatsby

Presentación y Estructura de Archivos de nuestro proyecto: Platziswag
Ecosistema de plugins
Usando React para manejar la parte visual e interactiva de nuestra aplicación

Creando la vista con React

Router en Gatsby y Componente Link
Layout en Gatsby

Graphql en Gatsby

¿Cómo funciona GraphQL en Gatsby?
Accediendo a nuestros datos en Gatsby desde GraphQL
Queries, Edges (conexiones) y Nodos en Gatsby
Consultas en GraphQL desde React

Usando plugins en Gatsby

Instalación y configuración de plugins
Imágenes como fuente de datos
Plugins de transformación
Estilizando nuestros componentes con styled-components
Estilos Globales con styled-components

Stripe checkout

Introducción a la API de Stripe Checkout
Agregando productos a nuestra tienda en línea
Productos en React

Generando páginas programáticamente

Creando páginas en función de los datos
Manejo de Gatsby Templates
Terminando la Vista de Detalle de los Productos
StaticQuery vs. useStaticQuery
Construyendo el Carrito de Compras: useContext
Construyendo el Carrito de Compras: Vista
Construyendo el Carrito de Compras: Agregar productos al carrito
Comprando productos

Gatsby a producción

Gatsby build para compilar nuestro proyecto
Deploy a Netlify
Diploma del Curso de Desarrollo de Aplicaciones Web con Gatsby JS

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

José Carlos Correa Mandujano

José Carlos Correa Mandujano

@jossdz

Lead Teacher en IronHack

Platzi Swag

Crea Platzi Shop, una aplicación web tipo e-commerce. Utiliza plugins, crea componentes, maneja estilos, consume datos de GraphQL en tiempo de construcción. Deja tu proyecto en producción en Netlify.

Elige un plan y empieza a estudiar

Platzi Expert
Platzi Basic
Solo este curso
dólares

$25 / mes

En un solo pago de $299
  • Accedes a más de 300 cursos y 50 carreras
  • 9 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android
Qué obtienes
  • Accedes a más de 300 cursos y 50 carreras
  • 9 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
    0-con tarjetas de crédito o débito
    1-con tarjetas de crédito o débito
    2-con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
    0-en depósito, Paypal y otros métodos
    1-en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android

Recomendado

Platzi Expert

$25

Bandera de tu país

dólares al mes

En un solo pago de $299

Platzi Basic

$39

Bandera de tu país

dólares

Pagas mes a mes

Solo este curso

$49

Bandera de tu país

dólares

1 solo curso, 1 solo pago

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Conócelos en platzi.com/empresas

Cursos exclusivos de Platzi Expert

Taller de creación de Startups
Taller de creación de Startups
Introducción a la Creación de Empresas y Startups
Introducción a la Creación de Empresas y Startups
Curso de Inglés Técnico para Profesionales
Curso de Inglés Técnico para Profesionales
Curso de Gestión Financiera para Startups-2017
Curso de Gestión Financiera para Startups-2017
Cómo Conseguir Trabajo en Programación
Cómo Conseguir Trabajo en Programación
Curso de Internacionalización para Startups
Curso de Internacionalización para Startups
Curso de Inglés Básico para Principiantes
Curso de Inglés Básico para Principiantes
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Conversación
Curso de Inglés Básico: Conversación

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Camilo Rivera Quintero
Camilo Rivera Quintero

muy buen curso, es una herramienta que estará en tendencia los proximos años.

Luis Arturo Lira Cerda
Luis Arturo Lira Cerda

Muy bueno el curso, me pareció bastante interesante el Framewokr para realizar aplicaciones sencillas y de manera muy rápida.

Juan David Castro
Juan David Castro

Las temas que se tocaron son excelenetes y explicaciones también. El profesor es un experto. ¡Más cursos como este! ¡Y con el mismo profe!

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 6 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Frontend con React.JS
Carrera de Frontend con React.JS