React JS + Firebase + Bootstrap: projeto passo á passo
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
- Preview03:26
- 11:12Configuração do setup do projeto
- 06:38Entendendo a estrutura de uma aplicação React
- 10:22Criando a View de Login da aplicação
- 25:48Desenvolvendo o Layout da Tela de Login
- 08:01Integração do Firebase em nossa aplicação
- 14:45Autenticação de usuário com Firebase
- 04:30Deixando as mensagens da tela de login dinâmica
- 24:16Cadastro de usuários
- 07:50Definindo rotas e navegação em nossa aplicação
- 22:35Desenvolvimento da página home e componente navbar
- 24:48Usando o Redux em nossa aplicação
- 05:22Deixando o menu dinâmico para usuário logado
- 21:45Desenvolvendo a recuperação de senha com envio de email
- 05:01Personalizando o email de recuperação de contas
- 00:30Corrigindo um bug humano
- 17:18Desenvolvimento da tela de cadastro de evento
- 04:27Criação e configuração do Banco Firestore no Firebase
- 23:44Cadastro de Evento com Firestore do Firebase
- 21:35Desenvolvendo o componente evento e barra de pesquisa
- 21:25Deixando os cartões de eventos dinâmicos buscando dados no Banco de Dados
- 06:55Implementando a pesquisa de eventos
- 10:41Implementando a opção de listar meus eventos
- 01:43Corrigindo bug de navegação nas rotas
- 19:02Desenvolvimento da página de detalhes do evento
- Preview14:38
- 06:24Refinando o carregando da página de detalhes
- 07:49Implementando quantidade de visualizações de um evento
- 25:30Implementando a opção de editar um evento
- 11:53Remover um evento publicado
- 11:23Armazenando no navegador o estado de login do usuário
- 04:43Aula final: código fonte e dica para próximos passos
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
Instructor
![Rodrigo Gonçalves Santana](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.5 Instructor Rating
- 2,341 Reviews
- 7,773 Students
- 8 Courses
Professor acadêmico, gestor de projetos, desenvolver e analista de softwares. Certificado e credenciado MCP Microsoft em desenvolvimento de software, OCA Oracle em banco de dados, Instrutor e credenciado ACP pela Autodesk em computação tridimensional. Formado em Sistemas de Informação, com especialização em Gestão Escolar e em Gerenciamento de Projetos com ênfase nas práticas do PMI (Project Management Institute) e Mestrando em Tecnologia aplicada a Educação. Criador e desenvolvedor do aplicativo “Pergunte”, sendo o primeiro do país a criar e a patentear um software interativo de reconhecimento de voz e reprodução artificial da fala humana voltado a educação, como ferramenta de apoio a aprendizagem, entre outros projetos como o “Scout”, utilizado pela seleção brasileira de Rugby adaptado para cadeirantes nos jogos panamericano 2017.