Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Do Zero a MERN Stack
Rating: 4.8 out of 5(14 ratings)
59 students

Do Zero a MERN Stack

Aprenda as tecnologias mais modernas em desenvolvimento Web
Created byThi Code
Last updated 4/2024
Portuguese
Portuguese [Auto],

What you'll learn

  • Conhecimentos avançados de JavaScript
  • Criação de API com ExpressJs
  • Criação de SPA com ReactJs e Vite
  • De forma sólida o MongoDB e como utiliza-lo em sua API.
  • Conceitos de Clean Code e Clean Architecture em um projeto real
  • Criação de autenticação fullstack de usuários com JWT

Course content

2 sections66 lectures20h 39m total length
  • O que é a MERN Stack14:24

    Eai DEV seja bem-vindo ao curso - Do ZERO a MERN Stack - nesse curso vou te ensinar através de um projeto tecnologias muito utilizadas no mercado de trabalho, e para isso vamos construir uma aplicação de notícias.

  • Primeiros passos com NodeJs e Express24:28

    ATENÇÃO: Esse vídeo teve alguns travamentos de câmera, porém não influenciaram no andamento da aula, já estou resolvendo esse problema, no próximo vídeo isso não acontecerá mais!

  • O que são rotas em uma API?14:48

    Nesse vídeo nos aprofundamos mais em como funciona uma rota e o que são métodos HTTP, e como os utilizar!

  • Arquitetura de Software22:38

    Aqui você vai encontrar uma aula explicando a arquitetura do nosso projeto, até agora só introduzimos o express e alguns conceitos-base, mas a partir desse momento a gente já vai focar 100% na aplicação e na construção da API!

  • Entendendo Requisição e REsposta em uma API com Express28:20

    Bora entender 100% o que é uma requisição e resposta dentre de aplicações web, e tudo isso na prática!


  • Como utilizar e configurar o MongoDb Atlas21:58

    Vamos conhecer o MongoDb Atlas e aprender tudo que precisamos sobre ele para utilizar esse banco em nossa aplicação.

  • Como conectar o MongoDb Atlas com uma API em Express25:49

    Agora vamos colocar em prática a conexão com o banco e um teste simples, criando um usuário em nosso banco.


  • Buscando dados no Banco de Dados através da API22:09

    Bora buscar todos os dados cadastrados ou apenas um dado? Nesse vídeo vamos aprender como fazer essas buscas com o método HTTP GET!

  • Configurando o Thunder Client9:50

    Vamos configurar nosso Thunder Client para melhorar nossa experiência na hora de testar nossa aplicação!


  • Atualizando dados no banco através da API19:13

    Agora que já conseguimos cadastrar e buscar os dados, nós vamos atualizar!

  • O que são Middlewares e como utilizar no Express23:01

    Middlewares são muito importantes para nosso projeto subir o nível, com eles otimizamos o código e tornamos eles cada vez mais escaláveis e facilitamos a manutenção!

  • Para que serve o Try/catch em uma API Express9:36

    Uma das funções de uma API é responder da melhor forma possível para o cliente e para que isso fique ainda melhor, vamos utilizar o Try/Catch, se você nunca ouviu falar, é só assistir o vídeo!

  • CommonJs ou Module em um projeto com NodeJs?16:23

    Vamos entender de uma vez por todas qual desses tipos de importação de módulos e bibliotecas é o ideal para nossos projetos com NodeJS!

  • Como criptografar a senha do usuário com bcrypt no Express com MongoDb19:45

    Criptografar a senha do seu usuário é uma etapa de segurança MUITO importante no desenvolvimento de um site, e é isso que vamos aprender nesse vídeo!

  • Variáveis de ambiente com dotenv em um projeto Express14:05

    Entender sobre variáveis de ambiente é algo extremamente necessário para um projeto back-end, nesse vídeo você vai aprender a criar esse tipo de variável através da biblioteca dotenv!

  • Como fazer o login e comparar senhas com o bcrypt no Express30:12

    Finalmente vamos colocar a mão em autenticação de usuário em nosso projeto! Nesse video eu te dou dicas sobre como fazer esse processo e o que é importante validar e como.

  • O que é JWT e como utilizar em uma API em Express?22:43

    Salve DEEEV! Esse vídeo é muito massa, nele eu explico de forma simples o que o JWT tão falado no mercado de trabalho e como utilizar ele em uma API com Express. O melhor é que você não precisa estar acompanhando o curso para conseguir assistir!

  • Criando uma nova collection e buscando dados em uma API com Express e MongoDb33:30

    Aaaantes de validar o JWT agente precisa de alguma rota que precise dessa autenticação, então bora criar essa rota em uma nova collection, nossa collection de Noticias que vamos chamas de NEWS!

  • Como proteger uma rota com autenticação JWT?13:45

    Agora que temos um token, como nós podemos impedir que uma rota execute o seu controller se não tiver esse token? A primeira parte para entender o conceito é esse video, e no próximo a gente fecha com a forma mais profissional de fazer isso!

  • Criando um Middleware de validação de token JWT32:20

    Agora sim! Essa é a forma mais profissional de proteger uma rota usando JWT e o padrão de autenticação Bearer!


  • Paginação de dados em uma API no Express30:24

    Paginar os dados apresentados em um site é importantíssimo para a experiência do usuário em sua aplicação, mas esse processo não é feito no front, ele precisa ser feito direto no banco, pois o maior tempo de busca é dentro do banco de dados! E é exatamente isso que faremos nesse vídeo.

  • Buscando o primeiro dado de uma lista no MongoDb com Express9:47

    Esse vídeo é específico para esse projeto, ele faz parte dos requisitos do projeto. A partir de agora não vamos fazer um CRUD comum, vamos seguir os requisitos, como é feito no mercado de trabalho!

  • Buscando dados de uma lista pelo Id no MongoDb com Express11:57

    Bora buscar nossos dados pelo ID, o famos FIND BY ID das APIs!


  • Busca pelo titulo no MongoDb utilizando Expressão Regular com Express15:57

    Além de fazer uma busca pelo titulo da noticia com regex nós vamos desabilitar o case sensitive da busca para evitar problemas com letras maiúsculas e minúsculas!

  • Buscando as noticias de um usuário no MongoDb com Express9:51

    Um dos requisitos mais importantes da API é retornar as noticias do usuário logado, para preenchermos o perfil dele, e é isso que faremos agora!

  • Atualizar um dado no MongoDb limitando ao usuário que o criou com Express14:56

    Nesse vídeo vamos atender a mais um requisito de nosso cliente, atualizar uma notícia, porém com a restrição de permitir essa atualização apenas para o dono da notícia.

  • Apagar um dado no MongoDb limitando ao usuário que o criou com Express6:49

    Dessa vez vamos apagar uma notícia, porém com a mesma limitação do vídeo anterior, só o dono da notícia pode apagá-la!

  • Como alterar um array de objetos em um document no MongoDb com Express - Parte 127:02

    Vamos aprender como alterar um array dentro de um documento no MongoDB, para isso vamos usar nessa primeira parte o requisito de LIKE na notícia!

  • Como alterar um array de objetos em um document no MongoDb com Express - Parte 234:51

    Vamos aprender como alterar um array dentro de um documento no MongoDB de forma mais avançada, mandando mais campos, para isso vamos o requisito de Comentário na notícia!

  • Como documentar uma API com Swagger29:47

    Nossa API está pronta! Agora precisamos documentar tudo o que fizemos para facilitar a vida de quem quiser consumir nossa API, para isso vamos utilizar a ferramenta Swagger!

  • Como fazer o deploy gratuito de uma API Express no Render26:21

    Nossa API está pronta e documentada, agora vamos fazer ro deploy dela para uma máquina na nuvem, para isso vamos usar o serviço gratuito do Render!

  • Refatorando o backend, aplicando clean code e architecture37:18

    Nosso backend estava funcionando, porém, ele poderia ter mais clean code e clean architecture... por isso decidi refatorar ele, completamente, adicionando a camada de repository, mudando nossas importações de módulos para "module", alterando a importação das rotas e separando nosso app do nosso service.

Requirements

  • É necessário conhecer de forma básica JavaScript, HTML e CSS.

Description

Olá, caro desenvolvedor! Seja calorosamente recebido no curso "Do ZERO a MERN Stack". Estou empolgado por embarcarmos juntos nesta jornada de aprendizado intensivo, onde mergulharemos em tecnologias amplamente empregadas no dinâmico mercado de trabalho. O projeto que abordaremos será a construção de uma aplicação de notícias, utilizando habilidades em JavaScript, NodeJs, Express, MongoDB e ReactJs.

Durante este curso abrangente, nosso objetivo é não apenas transmitir conhecimentos teóricos, mas também fornecer uma experiência prática significativa. Enfatizo que, embora seja desejável possuir noções básicas de HTML, CSS e JavaScript, não é necessário ter conhecimento prévio sobre API, SPA ou frameworks. Estou aqui para orientar você em cada etapa do processo, garantindo uma compreensão abrangente e profunda.

À medida que avançamos, você não só desenvolverá competências essenciais para a construção de uma aplicação de notícias robusta, mas também ganhará confiança para enfrentar desafios complexos em projetos web como desenvolvedor júnior. Ao concluir este curso, não apenas terá os recursos necessários, mas também estará equipado com uma base sólida para contribuir efetivamente em ambientes profissionais diversos.

Estou entusiasmado em compartilhar conhecimento, dicas e práticas recomendadas que irão enriquecer sua jornada como desenvolvedor. Prepare-se para uma imersão educacional estimulante e repleta de oportunidades para aprimorar suas habilidades práticas e teóricas. Estou aqui para apoiá-lo em sua jornada rumo ao sucesso no universo da MERN Stack e além!

Who this course is for:

  • Todos os níveis de desenvolvedores