Tutorial - JWT + NodeJs + MongoDB + Vue (Back-End - Parte II)
Tags: javascript, webdev, tutorial, node
Published: 2022-01-21 18:36:55

---
title: Tutorial - JWT + NodeJs + MongoDB + Vue (Back-End - Parte II)
published: true
description: nessa série estaremos desenvolvendo uma aplicação Full (desde o Back até o Front) usando o JWT com Node e Vue. Depois estaremos hospedando essa aplicação na nuvem do Azure.
series: Series de Vídeos - JWT + NodeJs + Vue + Azure
tags: javascript, webdev, tutorial, node
---

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/23athau5qk5zigthj2av.png)

Fala Coders! Tudo certo? Enfim concluímos o primeiro projeto da série do meu **[Canal do Youtube](https://t.co/31N8vJHVoW?amp=1)** chamado: *Coding Stuff!*.

O objetivo dessa série é ensinar inúmeros tutoriais e projetos direto ao ponto no meu **[Canal do Youtube](https://bit.ly/youtube-canal-glaucialemos)**!

Nesse primeiro projeto da série do **Coding Stuff!** desenvolvemos uma aplicação de autenticação usando o JWT com Node.js. Assim sendo, desenvolvemos uma aplicação E2E (desde o Back-End ao Front) de login e senha, a qual usamos o JWT e persistindo no MongoDb.
Após isso, fizemos o lado do client usando o Vue.Js.

Terminamos o projeto. Porém, estaremos hospedando a aplicação no **[Azure](https://azure.microsoft.com/?WT.mc_id=javascript-12243-gllemos)** tanto no lado do server e client-side!

Abaixo segue o repositório com todo o projeto pronto!

{% github glaucia86/jwt-node-vue %}

## Desenvolvimento completo Front-End (Vídeo Tutoriais)

#### Vídeo 09 - Estruturação do Projeto

{% youtube PH-kSpoEpYI %}

#### Vídeo 10 - Estruturação do Projeto

{% youtube oLXCKIvOPK4 %}

#### Vídeo 11 - Estruturação do Projeto

{% youtube 5VSzUFIAh1U %}

#### Vídeo 12 - Estruturação do Projeto

{% youtube LtSeR3jy28Y %}

#### Vídeo 13 - Estruturação do Projeto

{% youtube 8gG1OwMIDts %}

#### Vídeo 14 - Estruturação do Projeto

{% youtube UcKm1ADpWlQ %}

#### Vídeo 15 - Estruturação do Projeto

{% youtube cQxoBu2rexE %}

#### Vídeo 16 - Estruturação do Projeto

{% youtube hQaDG-oZQ_g %}

#### Vídeo 17 - Estruturação do Projeto

{% youtube XykcWilTg68 %}

#### Vídeo 18 - Estruturação do Projeto

{% youtube TmGnuRhX_hI %}

## ❗️ Links & Recursos Importantes

Como dito durante as live codings, sempre estaremos citando links e recursos importantes que direcionarão para: documentações, cursos gratuitos, livros e conteúdos relacionados a Node.js & PostgreSQL. Abaixo, segue uma lista desses recursos, que são considerados leituras, cursos ou livros recomendados:

- ✅ **[Curso Grátis de Criando Aplicações JavaScript com Node.js](http://bit.ly/2JN0874)**
- ✅ **[Curso Grátis Azure Functions com Node](http://bit.ly/2LlgLHa)** 
- ✅ **[Curso Grátis CosmosDB com Node](http://bit.ly/3nd3nT0)**   
- ✅ **[Curso de Deploy Automático com SWA + GitHub Actions](http://bit.ly/3odzNxL)**  
- ✅ **[Azure para devs JavaScript & Node.js](https://docs.microsoft.com/javascript/azure/?WT.mc_id=javascript-12243-gllemos&view=azure-node-latest)**
- ✅ **[Documentação do Node.js usando o Vs Code](http://bit.ly/354hrYH)**
- ✅ **[Depurando Aplicações Node com Vs Code](https://code.visualstudio.com/docs/nodejs/nodejs-debugging?WT.mc_id=javascript-12243-gllemos)**
- ✅ **[Documentação do Vs Code com Vue](http://bit.ly/2MtXYtT)**  
- ✅ **[Documentação Oficial do JWT](https://jwt.io/)**   
- ✅ **[Documentação Oficial do ExpressJs](https://expressjs.com/pt-br/)** 

## Palavras Finais

Espero que essa série *Coding Stuff de JWT com Node & VueJs* seja de ajuda para todas as pessoas da Comunidade Técnica Brasileira. Estou procurando dar o meu melhor e o gerando/criando o melhor conteúdo de qualidade para todos(as) vocês!

Ah! Já ia esquecer de falar aqui! Não deixem de se inscrever no meu Canal do Youtube! Estou criando inúmeras séries incríveis para esse ano de 2022! 

Só como spoiler, teremos:

* 😃 **Microsoft Learn Live Sessions**
* 😃 **Curso Gratuito de TypeScript**
* 😃 **Tutoriais semanais de Node.js, TypeScript & JavaScript**
* 😃 **E muitos Live Codings**

Se são conteúdos que você curte, então não deixa de se inscrever e ative o sininho para ficar sabendo quando teremos vídeo novo! Essa semana já teremos uma série nova incrível lá no Canal do Youtube.

[![Screen-Shot-12-31-20-at-01-06-AM.png](https://i.postimg.cc/pr3TL4Pd/Screen-Shot-12-31-20-at-01-06-AM.png)](https://bit.ly/youtube-canal-glaucialemos)

E para ficarem por dentro de várias outras novidades, não deixem de me seguir lá no twitter!

[![Twitter](https://code4coders.files.wordpress.com/2019/05/image-12.png)](https://twitter.com/glaucia_lemos86)