Nest.js e React.js do zero ao avançado com typescript [2023]
- Descrição
- Currículo
- FAQ
- Revisões
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.
-
1
Apresentação do curso [ATENÇÃO! Curso de React native não incluso!] -
2
Apresentação do curso de React.js
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
-
3
Introdução
-
4
Leia antes de continuar esta seção -
5
Trabalhando com o array utilizando .map
-
6
Trabalhando com o array utilizando .forEach
-
7
Trabalhando com o array utilizando .filter
-
8
Trabalhando com o array utilizando .find
-
9
Trabalhando com o array utilizando .reduce
-
10
Trabalhando com o array utilizando .keys
-
11
Trabalhando com o array utilizando .sort
-
12
Trabalhando com o array utilizando .some e .every
-
13
Trabalhando com o array utilizando .flatMap
-
14
Criação de projetos no Git / criar projeto nest
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
-
15
Criando módulo e controller do user
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
-
16
Criar DTO's no nest / Verbos de requisição
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
-
17
Criar service no Nest.js
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
-
18
Criar banco de dados no docker com postgres e conectar ao Nest
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
-
19
Criação de entidades no Nest.js
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
-
20
Criação de migrations utilizando TypeOrm no Nest.js
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
-
21
Criação do script para inserir todas as cidades e estados do Brasil
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
-
22
Buscar cidades de um estado - Inserir cache no Nest.js
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
-
23
Criação do módulo de cache (importar e exportar módulos no Nest.Js)
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
-
24
Inclusão de validação na requisição POST do Nest.js
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
-
25
Criação do módulo de endereço
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
-
26
Tratamento de exceção
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
-
27
Many To One utilizando TypeOrm
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
-
28
Criação de DTO's de estados e cidades
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
-
29
Validação de usuário e senha utilizando bcrypt
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
-
30
Inclusão do token JWT na resposta do login
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
-
31
Validando permissão do usuário por endpoint
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
-
32
Criação de decorator customizado
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
-
33
Colocando a coluna email como única
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
-
34
Criação de testes unitários
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
-
35
Teste unitário do state e city
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
-
36
Criação de teste unitário do addressService
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
-
37
Criação do teste unitário da classe AuthService
-
38
Criação de teste unitário do CacheService
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
-
39
Criando função de buscar endereços utilizando TDD
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
-
40
Criação das entidades de Produto e Categorias
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
-
41
Criando a função de visualizar categorias utilizando TDD
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
-
42
Criando a função de criar categoria utilizando TDD
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
-
43
Criação da função de listar todos os produtos
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
-
44
Endpoint de criar produto
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
-
45
Deleção de um produto com TypeORM
-
46
Editando um produto com PUT
-
47
Atualizar senha do usuário com PATCH
-
48
Testes unitários da função de atualizar senha
-
49
Criação da entidade de carrinho
-
50
Relação Many-to-many no TypeORM
-
51
Criação do carrinho
-
52
Inserindo produto no carrinho
-
53
Validações ao inserir produto no carrinho
-
54
Buscar informações e limpar carrinho
-
55
Excluir e atualizar produto do carrinho
-
56
Test unitário do CartProduct Part 1
-
57
Test unitário do CartProduct Part 2
-
58
Test unitário do CartProduct Part 3
-
59
Criando teste unitário para a classe de carrinho (Parte 1)
-
60
Criando testes unitários para a classe de carrinho (Parte 2)
-
61
Criando testes unitários para a classe de carrinho (Parte 3)
-
62
Entenda o que é e como garantir uma Cobertura Ideal de Testes
-
63
Teste unitário dos controllers Part 1
-
64
Testes unitários dos controllers Parte 2
-
65
Testes unitários dos controllers parte 3
-
66
Criação do módulo de pagamentos
-
67
Criação do modulo de pedidos
-
68
Relacionamento das tabelas Orders e Payment
-
69
Criação da lógica de pagamento Part 1
-
70
Criação da lógica de pagamento Part 2
-
71
Criação da lógica dos pedidos parte 1
-
72
Criação da lógica dos pedidos parte 2
-
73
Criação da lógica dos pedidos parte 3
-
74
Criação da lógica dos pedidos parte 4
-
75
Testes unitários da ordem de compra Parte 1
-
76
Testes unitários da ordem de compra Parte 2
-
77
Testes unitários da ordem de compra Parte 3
-
78
Testes unitários da ordem de compra Parte 4
-
79
Buscar informações do usuário pelo token
-
80
Inserir informações de categorias na busca de produtos
-
81
Fazer busca de count e groupBy usando TypeORM
-
82
Fazer teste unitário da função de buscar as categorias com quantidade de produto
-
83
Listagens de pedido feitos pelos usuários
-
84
Criação de testes unitários de buscar pedidos
-
85
Buscar detalhes do pedido
-
86
Criar teste unitário da busca de detalhe do pedido
-
87
Inserir a quantidade de produtos na listagem de pedidos
