Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React JS + Firebase + Bootstrap: projeto passo á passo
Rating: 4.5 out of 5(459 ratings)
1,296 students

React JS + Firebase + Bootstrap: projeto passo á passo

Desenvolvendo um site de publicação de eventos com as tecnologias do momento
Created byRodrigo Gonçalves Santana
Last updated 8/2019
Portuguese
Portuguese [Auto],

What you'll learn

  • React JS
  • Firebase
  • Upload e download de imagens no Storage do Firebase
  • Autenticando usuários com Firebase e React JS
  • Bootstrap
  • Armazenando dados no Cloud Firestore do Firebase
  • Redefinição de senha com autenticação
  • Entre outros recursos e funcionalidades exploradas no projeto

Course content

1 section • 32 lectures • 6h 45m total length

  • Qual aplicação vamos desenvolver?3:26
  • Configuração do setup do projeto11:12
  • Entendendo a estrutura de uma aplicação React6:38
  • Criando a View de Login da aplicação10:22
  • Desenvolvendo o Layout da Tela de Login25:48
  • Integração do Firebase em nossa aplicação8:01
  • Autenticação de usuário com Firebase14:45
  • Deixando as mensagens da tela de login dinâmica4:30
  • Cadastro de usuários24:16
  • Definindo rotas e navegação em nossa aplicação7:50
  • Desenvolvimento da página home e componente navbar22:35
  • Usando o Redux em nossa aplicação24:48
  • Deixando o menu dinâmico para usuário logado5:22
  • Desenvolvendo a recuperação de senha com envio de email21:45
  • Personalizando o email de recuperação de contas5:01
  • Corrigindo um bug humano0:30
  • Desenvolvimento da tela de cadastro de evento17:18
  • Criação e configuração do Banco Firestore no Firebase4:27
  • Cadastro de Evento com Firestore do Firebase23:44
  • Desenvolvendo o componente evento e barra de pesquisa21:35
  • Deixando os cartões de eventos dinâmicos buscando dados no Banco de Dados21:25
  • Implementando a pesquisa de eventos6:55
  • Implementando a opção de listar meus eventos10:41
  • Corrigindo bug de navegação nas rotas1:43
  • Desenvolvimento da página de detalhes do evento19:02
  • Carregando os detalhes do evento do banco de dados na página14:38
  • Refinando o carregando da página de detalhes6:24
  • Implementando quantidade de visualizações de um evento7:49
  • Implementando a opção de editar um evento25:30
  • Remover um evento publicado11:53
  • Armazenando no navegador o estado de login do usuário11:23
  • Aula final: código fonte e dica para próximos passos4:43

Requirements

  • Conhecimento básico de HTML, CSS e Javascript.

Description

Este é um curso direto ao ponto. A ideia é mão no código e conforme vamos desenvolvendo um site de publicação de eventos você vai aprendendo a utilizar as tecnologias envolvidas neste projeto e como funcionam.

No fim, você terá desenvolvido um site de publicação de eventos que poderá abrir seus horizontes para a criação de novos projetos e aplicações com React JS, Firebase e Bootstrap.

Who this course is for:

  • Interessados em aprender React JS desenvolvendo um projeto prático com Bootstrap e Firebase

Report abuse