Jwt Node Vue Save
Repositório responsável pelo primeiro projeto da série de vídeos: Coding Stuff.
Série de Vídeos - Coding Stuff: Projeto #01 - Desenvolvendo Aplicação JWT com Node + MongoDB + Vue
Repositório responsável pelo primeiro projeto da série de vídeos: Coding Stuff.
O objetivo da série é ensinar inúmeros tutoriais e projetos direto ao ponto no meu Canal do Youtube!
Nesse primeiro projeto da série do Coding Stuff! vamos aprender um pouco sobre como podemos criar aplicações de autenticação usando o JWT com Node.js. Assim sendo, estaremos desenvolvendo uma aplicação E2E (desde o Back-End ao Front) de login e senha, a qual faremos uso do JWT e persistindo no MongoDb. Após isso, faremos o lado do client usando o Vue.Js.
Ao término do projeto local, estaremos hospedando a aplicação no Azure tanto no lado do server e client-side!
☕ Apoie e Ajude esse Projeto!
Se você curte ou curtiu os vídeos feitos desse curso e deseja apoiar com um valor de um Cafezinho Brasileiro, então sinta-se à vontade em fazer o seu donation no botão abaixo:
🚀 Recursos utilizados
- Visual Studio Code
- Node.js
- Vue.js
- Postman
- MongoDB
- MongoDB Compass
- Azure CosmosDB
- Conta - Azure
- Static Web Apps
- Libs do Node usadas no Projeto
⭐️ Conta - Azure For Students
Caso você seja um(a) estudante de alguma Instituição de Ensino de Faculdade ou Universidade, poderá criar sua conta no Azure for Students. Essa conta te dará o benefício em possuir crédito de USD 100,00 para usar os serviços de maneira gratuita, sem necessidade de possuir um cartão de crédito. Para ativar essa conta, bastam acessar o link ao lado: AQUI
💻 Série de Vídeos
Os vídeos sairão todas às quintas-feiras no meu Canal do Youtube!
Abaixo seguem os links da cada vídeo da série do projeto realizados até o momento (atualizado semanalmente)
Back-End
| Vídeo Aula | Descrição |
|---|---|
| Vídeo 01 - JWT + Node.js + MongoDB + Vue | Estruturação do Projeto |
| Vídeo 02 - JWT + Node.js + MongoDB + Vue | Desenvolvimento da Rota Default da Api |
| Vídeo 03 - JWT + Node.js + MongoDB + Vue | Criando a Conexão da Base de Dados |
| Vídeo 04 - JWT + Node.js + MongoDB + Vue | Criando a Classe 'User' e as Regras de Negócio com JWT & BcryptJs |
| Vídeo 05 - JWT + Node.js + MongoDB + Vue | Criando a Rota 'Register' e a Lógica na Controller |
| Vídeo 06 - JWT + Node.js + MongoDB + Vue | Criando a Rota Aprendendo a Depurar a API no Vs Code |
| Vídeo 07 - JWT + Node.js + MongoDB + Vue | Desenvolvendo o middleware 'Auth' |
| Vídeo 08 - JWT + Node.js + MongoDB + Vue | Desacoplamento de Responsabilidade e Ajustes Importantes no Código |
Front-End
| Vídeo Aula | Descrição |
|---|---|
| Vídeo 09 - JWT + Node.js + MongoDB + Vue | Iniciando o Projeto no lado do Front-End com Vue.Js |
| Vídeo 10 - JWT + Node.js + MongoDB + Vue | Criando e Organizando as pastas e arquivos no Projeto com Vue.js |
| Vídeo 11 - JWT + Node.js + MongoDB + Vue | Desenvolvimento da Página de Login |
| Vídeo 12 - JWT + Node.js + MongoDB + Vue | Desenvolvimento da Página de Cadastro |
| Vídeo 13 - JWT + Node.js + MongoDB + Vue | Inclusão do Pacote NProgress no Projeto (Front-End) |
| Vídeo 14 - JWT + Node.js + MongoDB + Vue | Desenvolvimento Lógica de validação com vuelidate - Tela de Login |
| Vídeo 15 - JWT + Node.js + MongoDB + Vue | Desenvolvimento Lógica de validação com vuelidate - Tela de Cadastro |
| Vídeo 16 - JWT + Node.js + MongoDB + Vue | Integração do Back-End com Front da tela Register e uso do SweetAlert |
| Vídeo 17 - JWT + Node.js + MongoDB + Vue Integração do Back-End com Front da tela LOGIN | |
| Vídeo 18 - JWT + Node.js + MongoDB + Vue | Finalização da aplicação no Front - Page Home |
Migração para Nuvem (Em breve)
| Vídeo Aula | Descrição |
|---|---|
| EM BREVE | Vídeo EM BREVE |
| EM BREVE | Vídeo EM BREVE |
| EM BREVE | Vídeo EM BREVE |
| EM BREVE | Vídeo EM BREVE |
❗️ 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 Vue.Js - Microsoft Learn
- ✅ Curso Grátis de Criando Aplicações JavaScript com Node.js
- ✅ Curso Grátis Azure Functions com Node
- ✅ Curso Grátis CosmosDB com Node
- ✅ Curso de Deploy Automático com SWA + GitHub Actions
- ✅ Azure para devs JavaScript & Node.js
- ✅ Documentação do Node.js usando o Vs Code
- ✅ Depurando Aplicações Node com Vs Code
- ✅ Documentação do Vs Code com Vue
- ✅ Documentação Oficial do JWT
- ✅ Documentação Oficial do ExpressJs
❓ Tenho Dúvidas... O que Faço?!
Caso tenham dúvidas aos códigos desenvolvidos durante a série de vídeos, sintam-se a vontade em abrir uma ISSUE AQUI. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!
(documentação em desenvolvimento)
Open Source Agenda Badge
