Visão Geral

Curso Gatsby, Aprenda a construir sites estáticos super-rápidos com esta estrutura JavaScript baseada em React,

Este Curso Gatsby, o ajudará a desenvolver suas habilidades de desenvolvimento de JavaScript existentes para colocá-lo em funcionamento usando esta estrutura empolgante.  

Gatsby reúne algumas das melhores tecnologias de front-end para criar sites estáticos de carregamento rápido.

Você sabia?

• Gatsby é construído com React e GraphQL em seu núcleo.
  
• As páginas em um site Gatsby são definidas como componentes React.
• Os dados são gerenciados por meio de consultas GraphQL.
• A estrutura pode extrair dados do WordPress, Markdown e uma grande variedade de bancos de dados e APIs.
• Projetos mínimos do Gatsby Starter permitem que você comece a trabalhar rapidamente.
• Todo o framework é projetado para ser extensível com plug-ins para tudo e qualquer coisa.

Objetivo

Após realizar este Curso Gatsby você será capaz de:

• Configure seu ambiente de desenvolvimento Gatsby
• Consulte dados usando GraphQL e conecte-se a diferentes fontes de dados.
• Escreva código reutilizável usando componentes de Layout.
• Defina o roteamento entre as páginas em um site Gatsby
• Gerenciar a configuração do site usando gatsby-config
• Trabalhe com plug-ins para buscar e transformar dados

Publico Alvo

Desenvolvedores da Web que buscam se beneficiar das opções de desenvolvimento rápido disponíveis com a estrutura Gatsby JS.

Pre-Requisitos

Materiais

Conteúdo Programatico

Up and running with Gatsby

1. The Gatsby development environment
2. Working with the Gatsby CLI and development server

The design goals of Gatsby

1. Rapidly developed fast loading static sites
2. Performance, scalability, security and accessibility

Gatsby Starters

1. Boilerplate minimal sites to jump-start your development
2. Understanding Gatsby configuration files

React and Gatsby

1. How React and Gatsby integrate
2. Defining pages as React components
3. Building routes to link pages together
4. Creating reusable code using Layout components

Managing data

1. Managing data with GraphQL
2. Pulling data in from WordPress, Markdown, databases and APIs
3. Configuration data: siteMetadata and gatsby-config
4. Using the createPages API for unstructured data

Plugins

1. The extensible design of Gatsby
2. Fetching and transforming data using plugins.

Styling in Gatsby

1. Different approaches for adding CSS
2. Modularizing CSS and the scope of styles

The Gatsby ecosystem

1. Testing, performance, deployment and hosting
2. Adding plugins and themes