Construa um aplicativo com React, Redux e Firestore: Um curso abrangente

Aprenda como desenvolver um aplicativo da web usando React, Redux e Firestore do zero até a implantação

*** Atualizado e revisado até julho de 2020 *** Você está interessado em dominar React e Redux enquanto constrói um aplicativo completo e funcional? Gostaria de explorar o Firestore, o banco de dados de ponta do Google que oferece dados em tempo real para aplicativos? Se você prefere aprender fazendo em vez de palestras passivas, então este curso é perfeito para você! Junte-se a nós enquanto o guiamos pelo processo de construção de um aplicativo da web totalmente funcional. Ao longo deste curso, demonstraremos e explicaremos cada linha de código. Começaremos criando um aplicativo CRUD em React e gradualmente o aprimoraremos incorporando o Redux. Por fim, integraremos o Firestore para fornecer uma camada de persistência robusta para nosso aplicativo. Aqui estão alguns dos principais tópicos abordados neste curso:

Configurando o ambiente de desenvolvimento

Aprenda como configurar seu ambiente de desenvolvimento para trabalhar de forma eficiente com React, Redux e Firestore. Usaremos o Visual Studio Code, um editor de código versátil e gratuito, embora você possa usar qualquer IDE ou editor de código preferido no Windows, Mac OSX ou Linux.

Funcionalidade de login e registro

Descubra como implementar autenticação de usuário usando autenticação do Firebase. Abordaremos o processo de habilitação de opções de login social para Facebook e Google, permitindo que os usuários façam login usando suas contas existentes.

Integração do Google Maps e Places Autocomplete

Aprenda como integrar o Google Maps e o Places Autocomplete em seu aplicativo, permitindo que os usuários pesquisem locais e os exibam em um mapa.

Upload de fotos com arrastar e soltar

Explore o processo de implementação da funcionalidade de upload de fotos usando arrastar e soltar. Também abordaremos o redimensionamento e recorte de imagens antes de enviá-las para o servidor.

Sistema de chat ao vivo

Descubra como incorporar um sistema de chat ao vivo em seu aplicativo, permitindo que os usuários se comuniquem em tempo real.

Paginação, classificação e filtragem com Firestore

Aprenda como implementar funcionalidades de paginação, classificação e filtragem usando o Firestore, otimizando a experiência do usuário e melhorando a gestão de dados.

Scroll infinito

Explore a implementação de scroll infinito para paginação, permitindo que os usuários naveguem perfeitamente por conjuntos grandes de dados.

Design do banco de dados Firestore

Entenda as melhores práticas para projetar e estruturar seu banco de dados Firestore, garantindo um armazenamento e recuperação eficientes de dados.

Componentes de formulário reutilizáveis com formulários Formik

Descubra como criar componentes de formulário reutilizáveis usando formulários Formik, simplificando o processo de construção e gerenciamento de formulários em seu aplicativo.

Construindo um aplicativo com ótima aparência usando o Semantic UI

Aprenda como criar interfaces de usuário visualmente atraentes usando o Semantic UI, um framework CSS popular.

E muito mais!

Este curso abrange uma ampla gama de tópicos e técnicas para equipá-lo com as habilidades necessárias para construir aplicativos da web robustos e ricos em recursos.

Este curso é para você?

Este curso é altamente prático, com aproximadamente 90% do conteúdo dedicado ao desenvolvimento prático de aplicativos. Se você aprende melhor fazendo, então este curso é feito sob medida para você. Observe que, embora este curso seja projetado para iniciantes e alunos intermediários, é necessário ter algum conhecimento básico de JavaScript. Se você está familiarizado com outra linguagem de programação, não terá dificuldade em acompanhar. Ao final deste curso, você terá as habilidades para desenvolver aplicativos mais complexos.

O que você vai aprender?

Ao final deste curso, os alunos serão capazes de criar um aplicativo da web totalmente funcional usando React, Redux e Firestore. Além disso, os alunos aprimorarão suas habilidades em JavaScript por meio dos exercícios práticos e projetos incluídos neste curso.