ReactJS e Django: Crie Um Sistema Para Gestão Empresarial

Name: ReactJS e Django: Crie Um Sistema Para Gestão Empresarial
Rating: 4.7 (274 reviews)

Desenvolva um Sistema ERP com ReactJS, TypeScript, Django e Djando Rest Framework: Frontend, Backend e Deploy na Nuvem

Created byGabriel Ferrante, GRF Cursos

Last updated 8/2025

Portuguese

Portuguese [Auto],

What you'll learn

Desenvolver uma aplicação com ReactJS e TypeScript
Desenvolver um sistema com autenticação de usuário
Integrar aplicações frontend e backend, utilizando API
Desenvolver uma API RESTful com Django Rest Framework
Desenvolver um sistema com os principais requisitos do mercado, para você decolar sua carreira
Utilizar redux e reducers na prática com ReactJS
Trabalhar com componentização no ReactJS
Utilizar componentes da biblioteca Material UI
Desenvolvimento Web baseado em componentes
Desenvolver um sistema completo para alavancar seu portifólio

Course content

14 sections • 111 lectures • 16h 6m total length

Introdução ao Curso5:49
Suporte ao Curso0:32

Verificando se você já possui o Node.Js e o Python instalados em seu computador0:55
Nesta aula, vamos garantir que você tenha as ferramentas certas para iniciar sua jornada de aprendizado. A verificação da instalação do Node.js e Python em seu computador é um passo fundamental. Vamos conferir se tudo está em ordem e pronto para você começar!
Instalando o Node1:11
Nesta aula, você dará os primeiros passos na configuração do ambiente necessário para criar aplicações incríveis com React, aproveitando o poder do Node.js e do gerenciador de pacotes Npm.
Instalando o Python1:20
Nesta aula essencial, você será guiado para o processo de instalação do Python em seu sistema operacional
Instalando o MySQL0:42
Nesta aula, você aprenderá como instalar e configurar o MySQL em seu ambiente de desenvolvimento, preparando-se para explorar os princípios essenciais do armazenamento e recuperação de informações.
Instalando o sistema de gerenciamento de banco de dados (SGBD) HeidiSQL0:55
Nesta aula, vamos explorar a instalação e configuração do HeidiSQL, uma ferramenta poderosa e intuitiva que torna o gerenciamento de bancos de dados mais acessível e eficiente.
Instalando o Postman ou utilizando o Resttest1:11
Nesta aula, você aprenderá a utilizar duas ferramentas poderosas, o Postman e o Resttest, para testar e validar suas APIs de maneira eficiente e eficaz.
Entendendo a diferença entre IDE e Editor de Código Fonte1:50
Você já se perguntou qual é a diferença entre uma IDE (Ambiente de Desenvolvimento Integrado) e um Editor de Código Fonte? Ou talvez você esteja em busca da ferramenta perfeita para elevar a sua eficiência como desenvolvedor? Seja qual for a sua situação, esta aula é o ponto de partida ideal.

Ambientes virtuais no Python1:06
Criando o projeto Django e instalando o Django Rest Framework8:16
Nesta aula, mergulharemos de cabeça na criação de um projeto Django e exploraremos a instalação do Django Rest Framework. Você aprenderá como configurar seu ambiente de desenvolvimento para criar APIs poderosas e eficientes usando o Django Rest Framework, abrindo as portas para a construção de sistemas interativos e dinâmicos. Prepare-se para se envolver com o mundo do desenvolvimento web utilizando ferramentas modernas e eficazes!
Criando e Configurando nosso Banco de Dados SQL6:00
Instalando e Configurando o CORS no Projeto6:16
Trabalhando com autenticação para APIs5:48
Entendendo o Conceito de Apps no Django2:52

Criando os Models5:02
Criando as Exceptions5:01
Criando as Permissions17:03
Criando os Serializers17:36
Criando os Views - Base7:38
Criando os Views - Employees25:58
Configurando e Testando os Endpoints - Employees9:42
Criando os Views - Permissions8:14
Criando os Views - Groups19:32
Configurando e Testando os Endpoints - Groups8:10
Criando os Views - Tasks24:55
Configurando e Testando os Endpoints - Tasks17:53
Clonando o Repositório do Projeto9:42

O que é React?10:22
O que é o DOM Virtual?5:45
Introdução sobre JSX9:05
Iniciando um projeto com Vite5:14
Seu primeiro componente3:24
Outras formas de criar componentes6:12
Importando e exportando componentes11:26
Como organizar vários componentes7:56
Regras gerias do JSX8:47
JSX: variáveis, funções e objetos5:44
JSX: Renderização condicional6:22
JSX: Renderizando listas7:01
JSX: Filtrando listas7:20
Passando props para um componente14:55
Inserindo um default (padrão) em props3:49
Prop children do componente8:47
Capturando seu primeiro evento5:23
Forma incorreta de passar eventos3:10
Passando eventos como props8:14
Removendo comportamentos padrão3:14
O que são Hooks? Conhecendo o primeiro hook (useState)5:53
Renderização condicional com states3:52
Usando states em campos3:18
States + re-rrenderização do componente3:19
States mudando no tempo7:25
State Updater8:02
Atualizando Objetos no State5:14
Arrays no State: Adicionando um elemento12:18
Arrays no State: Removendo um elemento4:54
Arrays no State: Alterando um elemento5:43
Conhecendo o hook useEffect e o CleanUp9:12
Monitorando dependências com useEffect6:49
Exemplos práticos do uso do CleanUp13:12
Usando o useId4:17
Conhecendo o useRef8:14
Outro exemplo prático do useRef8:03
O que é Redux?2:59
Instalando o Redux em um projeto2:12
Configurando o Redux em um projeto4:31
Criando um Reducer6:37
Como obter e modificar os estados de um Reducer5:34

Criando o projeto com ReactJS e TypeScript e instalando as dependências7:00
Entendendo estrutura de pastas do projeto7:48
Criando os Types12:42
Diferenças entre um projeto ReactJS com e sem TypeScript1:19
Configurando o Redux em nosso projeto4:54
Criando o Hook useApi11:00
Criando o Hook useRequests28:54
Criando o Hook useAuth20:19
Criando os Middlewares13:04
Configurando a Autenticação4:48
Criando a Tela de Login17:10

Requirements

É recomendável ter conhecimento básico na linguagem JavaScript
É recomendável ter conhecimento básico na linguagem Python
É recomendável ter conhecimento básico na linguagem SQL

Description

Você está pronto para embarcar em uma jornada emocionante em direção ao domínio da programação de ponta a ponta? Se sim, então o nosso curso é a sua passagem para se tornar um desenvolvedor excepcionalmente habilidoso e procurado no mundo da tecnologia.

Neste curso mergulharemos a fundo na construção de um Sistema de Gestão Empresarial completo utilizando tecnologias de última geração: ReactJS e Django Rest Framework. Se você deseja aprender a criar aplicativos web robustos, interativos e escaláveis, esta é a sua oportunidade de ouro!

O que você vai aprender:

Componentização Avançada com ReactJS: Vamos mergulhar no mundo da componentização, onde você vai aprender a criar componentes reutilizáveis e modulares, permitindo a construção eficiente e a manutenção simplificada do seu sistema.
Redux para Gerenciamento de Estado: Dominar a complexidade do estado da aplicação é crucial, e é por isso que iremos explorar os fundamentos do Redux. Aprenda a gerenciar o estado de maneira centralizada e eficaz, tornando suas aplicações mais previsíveis e escaláveis.
Integração Perfeita com Django Rest Framework: Conecte o mundo frontend e backend de forma impecável com o poderoso Django Rest Framework. Aprenda a criar APIs robustas e seguras para alimentar as funcionalidades do seu sistema.
Projeto Prático e Hands-on: Este curso é fortemente orientado por projetos, onde você construirá passo a passo um Sistema de Gestão Empresarial real. Aplique suas habilidades recém-adquiridas para criar um aplicativo completo e funcional que impressionará.

Por que escolher este curso:

Ao se inscrever no nosso curso, você receberá:

Aprendizagem Interativa: Aprenda fazendo. Nosso projeto prático e exercícios interativos manterão você envolvido e ajudarão a solidificar seu conhecimento.
Portifólio Impressionante: Ao final do curso, você terá um projeto de destaque em seu portifólio, demonstrando suas habilidades a potenciais empregadores.

Este é o momento de investir em si mesmo e adquirir as habilidades que o setor de tecnologia está buscando desesperadamente. Prepare-se para uma jornada transformadora no mundo da programação, inscreva-se agora no nosso curso. Seu futuro tecnológico começa aqui!

Who this course is for:

Desenvolvedores iniciantes interessados em aplicar a programação na prática, criando casos e soluções para o mundo real!
Desenvolvedores iniciantes de Python
Desenvolvedores iniciantes que usam HTML, CSS e JavaScript

ReactJS e Django: Crie Um Sistema Para Gestão Empresarial

What you'll learn

Explore related topics

Course content

Introdução2 lectures • 6min

Preparando o ambiente de desenvolvimento7 lectures • 8min

Criando e Configurando Nossa API6 lectures • 30min

Criando o App - Accounts4 lectures • 1hr 5min

Criando o App - Companies13 lectures • 2hr 56min

Exercícios de Python, Django e Django Rest Framework1 lecture • 6min

React JS: JSX, Eventos, Hooks e Redux (Bônus)41 lectures • 4hr 34min

Criando e Configurando Nosso Projeto Com ReactJS11 lectures • 2hr 9min

Criando as Telas - Groups5 lectures • 1hr 18min

Criando as Telas - Employees4 lectures • 53min

Requirements

Description

Who this course is for: