Django + React: Crie um site imobiliário baseado em localização

Neste curso abrangente, você aprenderá e praticará React, Django, Django Rest Framework, GeoDjango, Material UI, React-Leaflet e PostGIS.

Visão geral do curso

Neste curso baseado em projetos, vamos guiá-lo pelo processo de construção de um site imobiliário baseado em localização. Esta aplicação web full stack utilizará Django para o backend e React Js para o frontend. Para acelerar o desenvolvimento do frontend, vamos aproveitar o Material UI, uma biblioteca React intuitiva para construir componentes de interface do usuário. Ao longo do curso, você ganhará experiência prática usando vários componentes do Material UI e personalizando facilmente seus estilos. Para o desenvolvimento da API, vamos utilizar o Django Rest Framework (DRF) e fazer requisições para a API usando o React. Para incorporar um aspecto geográfico ao projeto, vamos utilizar o Leaflet, uma biblioteca JavaScript para mapas interativos. Especificamente, vamos usar o React-Leaflet, que fornece uma integração perfeita entre React e Leaflet. Além disso, vamos aprimorar nosso banco de dados PostgreSQL adicionando a extensão PostGIS, tornando-o espacialmente consciente. Isso nos permitirá realizar consultas espaciais, como calcular distâncias. Além disso, abordaremos a autenticação do usuário usando a biblioteca Djoser. Você aprenderá como permitir que os usuários finais adicionem, excluam ou atualizem listagens de imóveis diretamente do frontend. Também abordaremos erros do lado do cliente e do lado do servidor nos formulários. Depois que o site for construído em nossas máquinas locais, vamos guiá-lo pelo processo de implantação usando o Digital Ocean e o Namecheap. Durante a implantação, abordaremos as seguintes etapas: - Enviando o projeto para o GitHub - Obtendo nomes de domínio para o backend e frontend - Configurando uma caixa de correio com email privado - Configurando um certificado SSL - Instalando e configurando o Nginx e o Gunicorn - Armazenando arquivos de mídia na nuvem usando espaços do Digital Ocean

Detalhes do curso

Ao longo deste curso, vamos utilizar as seguintes tecnologias e versões: - Sistema Operacional: Windows - Versão do Python: 3.9 - Versão do Django: 4.0 - Versão do React: 17 (Atualizado para o React 18 - Funciona perfeitamente bem, confira as palestras na seção de bônus para mais detalhes) - Versão do Material UI: 5 O curso abordará os seguintes tópicos: - Os conceitos básicos do React - React hooks (useState, useEffect, useContext, useReducer, useRef, useMemo) - Os fundamentos do Material UI - Estilização com Material UI - Introdução ao React-Leaflet - React-Leaflet hooks (por exemplo, useMap) - Construção de endpoints de API com o Django Rest Framework - Autenticação do backend com Djoser - Sinais do Django - Realização de consultas espaciais com Geodjango e PostGIS - Cálculo de distâncias - Implantação do Django - Implantação do React - Criação de um servidor remoto Ao concluir este curso abrangente baseado em projetos, você terá habilidades para conectar perfeitamente o Django e o React. Você também será capaz de aproveitar totalmente as capacidades de um banco de dados espacialmente ou geograficamente consciente.

O que você aprenderá

Ao se inscrever neste curso, você adquirirá experiência nas seguintes áreas: - Conectando React e Django - Construindo uma API com o Django Rest Framework - Criando mapas interativos com o React-Leaflet - Realizando consultas espaciais com Geodjango e PostGIS - Implantação de uma aplicação full stack usando o Digital Ocean e o Namecheap - Compreendendo os conceitos básicos do React - Dominando os fundamentos do Material UI - Explorando os conceitos essenciais do React-Leaflet - Implementando autenticação do backend com Djoser - Instalando o Nginx e o Gunicorn - Configurando certificados SSL - Armazenando arquivos de mídia com o Digital Ocean Spaces - Utilizando Django storages / Boto 3