Introdução
  • Introdução
  • Faça parte da nossa comunidade no Slack
  • Como instalar as ferramentas necessárias para este curso
  • Conhecendo o projeto
  • O que é React?
  • Props
  • State e Virtual DOM
Criando o site
  • Convertendo HTML para JSX
  • Ajustes finais no nosso primeiro componente
  • Criando o componente Rodapé
  • Criando o componente Cabeçalho
  • Criando o componente Inicio
  • Criando o componente Serviços
  • Criando as rotas
  • Criando a navegação para as rotas
  • Criando o componente Portfolio
  • Criando o componente Preços
  • Criando o componente Contato
Iniciando a área administrativa
  • Iniciando a área administrativa
  • Criando o component Admin
  • Criando o component Admin Menu
  • Criando o component Admin Portfolio
  • Apresentando o Firebase
  • Criando o config para o Firebase
  • Refatorando o componente Portfólio para usar o Firebase
  • Sincronizando o componente Portfolio com o Firebase
  • Imagem no banco de dados
  • Criando o formulário de cadastro de portfolio
  • Formulário de Portfolio preparando para gravar no banco de dados
  • Fazendo upload da imagem salvando no storage
  • Salvando o portfolio no banco de dados
  • Corrigindo link Portfólio Admin
Autenticação do usuário Administrativo
  • Criando o formulário de Login
  • Conectando o form de Login
  • Habilitando Autenticação no Firebase
  • Autenticando no React
  • Finalizando o processo de autenticação
  • Protegendo rota Admin
  • Spinners e ajustes
Publicação do site em Produção
  • Hospedando o site em Produção
  • Disponibilizando o código fonte no Github
Criando um jogo com React
  • Bem vindos ao próximo módulo
  • Introdução
  • Visão Geral do jogo
Criando os componentes do jogo
  • Criando o aplicativo com React
  • Organizando o conteúdo e criando a tela inicial
  • Alterando a biblioteca de leiaute do projeto
  • Finalizando o componente Início
  • Criando a lista de categorias
  • Criando o componente Categoria
  • Tornar o componente Categoria, reutilizável
  • Criando o componente Perguntas
  • Melhorando o visual das Perguntas
  • Criando o componente Resultado
  • Criando o componente Respostas
  • Criando o componente Ranking
  • Criando o componente Usuário, que é utilizado no Ranking
Rotas e Navegação entre Telas
  • Criando as rotas
  • Implementando a navegação entre Telas
  • Organizando a navegação entre as telas do jogo
  • Criando o menu externo
O Firebase
  • Firebase: visão geral
  • Configurando o Firebase
Autenticação do usuário pelo Facebook
  • Criando o app no Facebook
  • Facebook Auth Provider
  • Autenticando no jogo com o Facebook
  • Exibindo o usuário logado
  • Atualizando barra de navegação com usuário logado
  • Deslogando o usuário Parte 1
  • Deslogando o usuário Parte 2
  • Corrigindo o Logout
Teste: Criando a autenticação pelo Twitter
  • Crie a autenticação com o Twitter
Criando o jogo
  • Criando a Tabela de Categorias no Firebase
  • Lista de Categorias conectada ao Firebase
  • Criando perguntas no banco de dados - Parte 1
  • Criando perguntas no banco de dados - Parte 2
  • Alterando o componente Categorias
  • Navegação com Parâmetros
  • Utilizando o axios para retornar as perguntas do Firebase
  • Resolvendo os dois problemas do componente Perguntas
  • Consultando as perguntas da categoria escolhida
  • Atualizando o componente Perguntas
  • Finalizando o componente Perguntas
  • Refatorando o componente Perguntas para mostrar uma pergunta por vez
  • Progress bar nas perguntas
  • Navegação entre Perguntas
  • Capturando a resposta do Jogador
  • Verificando se o jogador acertou