Nest.js e React.js do zero ao avançado com typescript [2023]

Name: Nest.js e React.js do zero ao avançado com typescript [2023]
Rating: 4.4 (308 reviews)

Desenvolvimento Web Full Stack com NestJS (REST API) e React: Construa Aplicações Modernas e Escaláveis

Created byJúlio Souza Sena

Last updated 6/2023

Portuguese

Portuguese [Auto],

What you'll learn

Criar um sistema de vendas online do backend ao frontend, utilizando as melhores práticas do mercado
Desenvolver software utilizando testes unitários
Criar sistemas acompanhando sempre as documentações e mantendo o projeto sempre atualizado
Realizar estudos de casos dos projetos desde a concepção até a entrega em produção
Aprender React, React Hooks, Componentes customizados, Context API, Redux, Requisições e etc.
Criar testes unitários utilizando utilizando TDD
Criar todo o sistema utilizando typescript
Aprender a utilizar styled-components de forma avançada
Aprender como é feito a autenticação de usuários utilizando token JWT

Course content

22 sections • 193 lectures • 43h 34m total length

Apresentação do curso [ATENÇÃO! Curso de React native não incluso!]6:22
Apresentação do curso de React.js5:41
Bem-vindo ao nosso Curso Completo de React, onde você aprenderá tudo o que precisa saber para se tornar um desenvolvedor React habilidoso. Este curso é projetado para ensinar a você desde os conceitos básicos do React até tópicos avançados, com aulas passo a passo e exemplos práticos.

Começaremos com uma introdução ao React e ao seu ecossistema, e depois passaremos a explicar como criar componentes, gerenciar estado e lidar com eventos. A partir daí, você aprenderá como usar o React para criar interfaces de usuário sofisticadas e interativas, usando recursos avançados como animações e roteamento.

Além disso, você descobrirá como usar ferramentas populares do React, como Redux e React Router, para criar aplicativos mais complexos. E também abordaremos boas práticas, estratégias de depuração e como otimizar o desempenho do seu aplicativo.

Ao final deste curso, você terá a habilidade e confiança para criar aplicativos React completos e sofisticados. Junte-se a nós nesta jornada de aprendizado e prepare-se para dar o próximo passo em sua carreira de desenvolvedor.
Bibliotecas que utilizaremos:
- Vite
- TypeScript
- AntD
- Styled Components
- Figma
- Eslint
- Prettier
- Axios
- React Router
- Use Context
- Redux
- React test library com o Jest
Github do projeto React: https://github.com/juliossena/vendas-online-web
Github do backend: https://github.com/juliossena/vendas-online-backend

Introdução3:52
Leia antes de continuar esta seção0:12
Trabalhando com o array utilizando .map9:30
Trabalhando com o array utilizando .forEach5:58
Trabalhando com o array utilizando .filter6:23
Trabalhando com o array utilizando .find3:32
Trabalhando com o array utilizando .reduce13:54
Trabalhando com o array utilizando .keys7:09
Trabalhando com o array utilizando .sort6:50
Trabalhando com o array utilizando .some e .every6:35
Trabalhando com o array utilizando .flatMap4:41

Criação de projetos no Git / criar projeto nest9:58
Neste vídeo, você aprenderá a iniciar um projeto usando o Nest.js, um framework para Node.js que oferece uma arquitetura escalável e modular. Você verá como instalar o Nest.js e criar um novo projeto, além de aprender sobre a estrutura básica do projeto e como criar e estruturar módulos e controladores. Este tutorial é ideal para aqueles que desejam começar a usar o Nest.js em seus projetos e desejam ter uma base sólida para começar a trabalhar. Ao final do vídeo, você terá as habilidades necessárias para iniciar seu próprio projeto usando o Nest.js.

Links de download:
node - https://nodejs.org/en/download/
visual studio code - https://code.visualstudio.com/download
Link do Github: https://github.com/juliossena/vendas-online-backend
Link do commit: https://github.com/juliossena/vendas-online-backend/commit/b94a2643d852c0f991b2299f562ee63900ecf6f0

Comandos para instalação:
npm -i -g @nestjs/cli
nest new nome-do-projeto
Criando módulo e controller do user10:54
Nesse vídeo é criado o primeiro controller de usuário.
Github: https://github.com/juliossena/vendas-online-backend
commit: https://github.com/juliossena/vendas-online-backend/commit/85ad52c09c82c1a2e8483fc5aa3d3694b45609d9

Salvar eslint automaticamente:
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}

Comandos:
criar modulo - nest g module user
criar controller - nest g controller user
Criar DTO's no nest / Verbos de requisição11:14
Nesse vídeo é ensinado a criação de DTO`s e enviar informações pelo método POST. Além disso falamos um pouco sobre os verbos:
GET, POST, DELETE, PUT e PATCH

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/566eef4db0266d2266b8252fbc2e02d75168012c
Criar service no Nest.js15:36
Nessa aula nós criamos o service do usuário e a partir do método POST inserimos usuários na nossa listagem.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/fbb08d7075ccb1bca408602ae3bdcb47f54873e0
Criar banco de dados no docker com postgres e conectar ao Nest10:05
Nessa aula a gente fez a criação da instancia do docker e integramos nosso micro-serviço ao banco de dados Postgres utilizando o TypeORM.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/226d4542536095f25e10122e1c9969c468d7ebe8
Criação de entidades no Nest.js9:31
Nessa aula nós criamos nossa primeira entidade que é conectada ao banco de dados, além disso, modificamos o nosso código para salvar no banco de dados nossas requisições.

Github: https://github.com/juliossena/vendas-online-backend
commit: https://github.com/juliossena/vendas-online-backend/commit/540ab31c908cf09c299d7a665716b38929b064e7
Criação de migrations utilizando TypeOrm no Nest.js10:01
Nessa aula foi ensinado como gerar as migrations e rodá-las sempre que o servidor subir.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/f12d8460aef101089317f6e91bde9e7fd1dc3d83
Criação do script para inserir todas as cidades e estados do Brasil15:20
Nesse vídeo foi inserido na tabela de estados e cidades todos os estados e cidades existentes no Brasil, além disso, criamos suas respectivas entidades.

github: https://github.com/juliossena/vendas-online-backend
commit: https://github.com/juliossena/vendas-online-backend/commit/f12d8460aef101089317f6e91bde9e7fd1dc3d83

Buscar cidades de um estado - Inserir cache no Nest.js16:43
Nessa aula a gente busca nossa lista de cidades pelo Identificador de um estado, além disso, a gente coloca esse resultado em um cache para melhorar o desempenho do nosso resultado.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/b938847650bf3498005dcec94f132099b33c377a
Criação do módulo de cache (importar e exportar módulos no Nest.Js)12:03
Nessa aula a gente aprendeu a criar o módulo de cache, além disso, exportamos o módulo de cache para qualquer outro módulo conseguir importar e utilizar.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/fff33667ffa9cb6f1556102c4d18ed013e2e12f9
Inclusão de validação na requisição POST do Nest.js10:24
Nessa aula foi ensinado como criar um DTO com validação (class-validator), além disso, começamos a devolver somente o que é necessário no nosso controller.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/fbc4a0a99c730dbc8de434abecd37839b806219a
Criação do módulo de endereço15:51
Nessa aula nós criamos o módulo de endereço do usuário e inclusão dele no banco de dados.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/2c9be84331c0450da5c3e4afa608df48ea5ca728
Tratamento de exceção11:28
Nessa aula a gente sobe exceções e trata ela quando necessário.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/03172c60b57c2678c80191e47d45e298917b8028
Many To One utilizando TypeOrm18:00
Nessa aula a gente cria a ligação entre as entidades utilizando o Many To One / One To Many do TypeOrm.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/4a94354724d66312968c35060fba73729c08759d
Criação de DTO's de estados e cidades11:35
Nessa aula a gente cria os DTO's de estados e cidades, além de buscar com o TypeOrm vários tipos de relações.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/89a5cb30a191744c607c2842466db5a52e15c260
Validação de usuário e senha utilizando bcrypt16:41
Nessa aula foi feito a validação de usuário e senha do usuário utilizando a biblioteca bcrypt.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/8408548908c7b4e6ecd4f0b104a9417e6f44acdc
Inclusão do token JWT na resposta do login17:56
Nessa aula aprendemos como incluir um token JWT na resposta do login.

GitHub: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/38f18ecbcf4341adfdaafcc218fef088f894e240
Validando permissão do usuário por endpoint14:28
Nessa aula aprendemos como verificar se o usuário possui permissão para acessar o endpoint, e caso não possua receba um código de erro para isso.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/2c1ee9e3751f9c25d07380e117d58acc1b036735
Criação de decorator customizado14:18
Nessa aula a gente aprende a criar um decorator customizado para poder inserir o id do usuário na requisição utilizando o token.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/a237dece32934b129f0846f2e8060d155b18b29e
Colocando a coluna email como única7:50
Nessa aula nós criamos um migration para deixar a coluna de email como única, além disso, fizemos a validação do cadastro quando o e-mail já existir na base de dados.

GitHub: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/fd7fb9aa05d4c65bd18a7de58c9f9d0f057913e8

Criação de testes unitários20:46
Nessa aula nós vamos começar a fazer os testes unitários do nosso sistema, além disso, vamos corrigir alguns erros de importação no projeto.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/30cd444c06637d0c0ef8b9668971b0b9566c1811
Teste unitário do state e city16:01
Nessa aula criamos os testes unitários dos estados e das cidades.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/0129af4862cb4ae71168c86f9ea93734f2dcb44f
Criação de teste unitário do addressService11:16
Nessa aula vamos fazer o teste unitário do AddressService.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/95a2481b8b5100a0328bc977362157d178309ff1
Criação do teste unitário da classe AuthService13:58
Criação de teste unitário do CacheService10:41
Nessa aula criamos os testes unitários da classe CacheService

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/03d12052a51ad16f2e1f50abfc637fc961712e5c

Criando função de buscar endereços utilizando TDD12:47
Nessa aula criamos a função de buscar todos os endereços do usuário logado utilizando o método TDD (Test Driven Development).

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/773c2706e0a4d3903ef461c6efd730115ae09101
Criação das entidades de Produto e Categorias11:16
Nessa aula vamos criar as entidade de Produto e Categorias além de criar o migrations para elas.

GitHub: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/d2940949e4669454e8a607acc39905a0e0e57cef
Criando a função de visualizar categorias utilizando TDD18:57
Nessa aula vamos criar a função de visualizar todas as categorias utilizando o método TDD (Test Driven Development).

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/754a332d66c473cc34ab877f84f70e86ee18a379
Criando a função de criar categoria utilizando TDD19:01
Nessa aula vamos criar a função que faz a criação de categorias, além disso, utilizamos o Test Driven Development (TDD), para guiar nosso desenvolvimento.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/9a77fdc1ddd8e0e907d2aef4dcbff2b622165ae7
Criação da função de listar todos os produtos18:06
Nessa aula vamos criar a função de listar todos os produtos.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend/commit/61c3dfa6fdc09fe6441edf22e05805d63e882597
Endpoint de criar produto21:25
Nessa aula vamos criar o endpoint que será utilizado para criar os produtos relacionados há uma categoria.

Github: https://github.com/juliossena/vendas-online-backend
Commit: https://github.com/juliossena/vendas-online-backend

Deleção de um produto com TypeORM13:59
Editando um produto com PUT10:57
Atualizar senha do usuário com PATCH16:34
Testes unitários da função de atualizar senha11:22
Criação da entidade de carrinho11:19
Relação Many-to-many no TypeORM12:21
Criação do carrinho18:13
Inserindo produto no carrinho15:49
Validações ao inserir produto no carrinho17:07
Buscar informações e limpar carrinho9:56
Excluir e atualizar produto do carrinho17:12

Test unitário do CartProduct Part 111:09
Test unitário do CartProduct Part 212:53
Test unitário do CartProduct Part 314:43
Criando teste unitário para a classe de carrinho (Parte 1)12:36
Criando testes unitários para a classe de carrinho (Parte 2)15:36
Criando testes unitários para a classe de carrinho (Parte 3)10:52
Entenda o que é e como garantir uma Cobertura Ideal de Testes12:39
Teste unitário dos controllers Part 114:54
Testes unitários dos controllers Parte 217:31
Testes unitários dos controllers parte 39:30

Criação do módulo de pagamentos16:39
Criação do modulo de pedidos11:02
Relacionamento das tabelas Orders e Payment11:42
Criação da lógica de pagamento Part 114:04
Criação da lógica de pagamento Part 215:11
Criação da lógica dos pedidos parte 116:13
Criação da lógica dos pedidos parte 216:10
Criação da lógica dos pedidos parte 319:31
Criação da lógica dos pedidos parte 414:06
Testes unitários da ordem de compra Parte 114:04
Testes unitários da ordem de compra Parte 217:14
Testes unitários da ordem de compra Parte 319:16
Testes unitários da ordem de compra Parte 429:11
Buscar informações do usuário pelo token4:33
Inserir informações de categorias na busca de produtos10:25
Fazer busca de count e groupBy usando TypeORM16:50
Fazer teste unitário da função de buscar as categorias com quantidade de produto7:48
Listagens de pedido feitos pelos usuários10:59
Criação de testes unitários de buscar pedidos8:56
Buscar detalhes do pedido15:54
Criar teste unitário da busca de detalhe do pedido12:43
Inserir a quantidade de produtos na listagem de pedidos19:55

Consulta de CEP utilizando a API dos correios18:48
Buscar cidades e estados do CEP19:54
Inserir o Id da cidade e estado na busca por CEP6:45
Inserir cidade e estado no detalhe do pedido9:33
Fazer requisição via SOAP com nestjs-soap17:24
Buscar preço e prazo de frete na API dos correios21:54
Retornar preços de frete via PAC, SEDEX e SEDEX1016:24
Inserir colunas no produto para calcular frete8:33
Inserir campos de calculo do frete ao inserir produto9:54
Corrigindo testes unitários do frete12:04
Inserir endpoint para poder criar administradores do sistema13:25
Buscar produto pelo ID12:57
Criar a função de deletar categoria10:17
Criar teste unitário da função de deletar categoria11:08
Criar função de Editar categoria12:33
Criar função de buscar categoria por Id10:14

Requirements

Você precisará de possuir um conhecimento básico em javascript

Description

Este curso tem como objetivo ensinar aos alunos como criar um sistema completo de loja online utilizando tecnologias modernas de desenvolvimento web. O curso utilizará o framework Nest.js no backend para criar uma API RESTful para gerenciar as operações de compra e venda na loja online. Será utilizado também o TypeScript para tipagem de dados e melhorar a qualidade do código. Além disso, serão abordados testes unitários para garantir que o código esteja funcionando corretamente.

No front end, o curso utilizará o React.js para criar uma interface de usuário moderna e responsiva. Também será utilizado o TypeScript para melhorar a manutenção e legibilidade do código. Os alunos aprenderão a criar componentes reutilizáveis, consumir dados da API e criar páginas dinâmicas e interativas.

O curso irá abordar temas importantes como autenticação e autorização, gerenciamento de sessões, validação de dados, segurança, escalabilidade e performance. Os alunos também aprenderão boas práticas de desenvolvimento web, como escrever testes unitários e como criar um código limpo, testável e de fácil manutenção.

Ao final do curso, os alunos terão as habilidades necessárias para criar um sistema de loja online completo utilizando tecnologias modernas de desenvolvimento web e estarão preparados para aplicar esses conhecimentos em seus projetos futuros. O curso é ideal para desenvolvedores web que desejam aprimorar suas habilidades em tecnologias modernas, escrever código de alta qualidade e garantir a qualidade do código por meio de testes unitários.

Who this course is for:

Desenvolvedores iniciantes que querem aprender a montar um sistema desde a parte de ideação

Nest.js e React.js do zero ao avançado com typescript [2023]

What you'll learn

Explore related topics

Course content

Apresentação do curso2 lectures • 12min

[Javascript] Manipulando Arrays de objetos11 lectures • 1hr 9min

Montar projeto Nest8 lectures • 1hr 33min

Criação dos módulos de cidade/estado e autenticação12 lectures • 2hr 47min

Testes unitários de estados/cidades e autenticação5 lectures • 1hr 13min

Criação de endpoints utilizando TDD6 lectures • 1hr 42min

Criação de produtos, carrinhos e edições de usuário11 lectures • 2hr 35min

Testes unitários dos produtos, carrinho e edição de usuário10 lectures • 2hr 12min

Finalizando os módulos de pedidos e pagamentos22 lectures • 5hr 22min

Integrações com a API dos correios16 lectures • 3hr 32min

Requirements

Description

Who this course is for: