HTML & CSS - Projeto Completo Réplica do Airbnb com MERN (Mongo, Express, React e Node) - Aula 3

Quer saber mais sobre o nosso Curso Completo de Full Stack? Clique no link abaixo para garantir sua vaga na próxima turma: https://lp.hashtagtreinamentos.com/full-stack/espera/impressionador?fonte=org-yt_UJi-1A4huIM&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-31-03&conversion=lesfs-mar-25 PARA ACESSAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_UJi-1A4huIM&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-31-03&conversion=lesfs-mar-25 ----------------------------------------------------------------------- 📁 Arquivos Utilizados no Vídeo: https://dlp.hashtagtreinamentos.com/full-stack/arquivo/download?id=11C9Jh9qwoKo7YgIn-GlthwjSrITudVqi&origemurl=hashtag_yt_org_arquivofs_UJi-1A4huIM&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-31-03&conversion=lesfs-mar-25 🗃️ GitHub do Projeto https://github.com/fullstackjornada/hashbnb-youtube 💻 Recomendação de vídeo: Tudo que você precisa saber de JavaScript antes de aprender React https://youtu.be/pBcGYStGLUo Playlist Projeto Completo Réplica do Airbnb com MERN https://www.youtube.com/playlist?list=PLpdAy0tYrnKzswWFck3df5gL6pmRjZkK5 ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/curso-full-stack ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt&origemurl=hashtag_yt_org_incompany_UJi-1A4huIM&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-31-03&conversion=lesfs-mar-25 ----------------------------------------------------------------------- Hoje seguimos com a construção do nosso projeto completo: a réplica do Airbnb utilizando a poderosa stack MERN (MongoDB, Express, React e Node.js). Na terceira aula do nosso curso, vamos avançar no desenvolvimento do backend e frontend, garantindo que a aplicação funcione de forma eficiente, escalável e bem estruturada. Primeiro, faremos alguns ajustes importantes no frontend antes de iniciar a construção do backend, onde criaremos a nossa API com Express e MongoDB. Durante a aula, você aprenderá a configurar e utilizar variáveis de ambiente, estruturar corretamente as rotas da API e conectar o backend ao banco de dados utilizando Mongoose. Também veremos como criar um schema para organizar os dados no banco e como usar requisições GET e POST para buscar e armazenar informações. Outro aspecto essencial para um projeto web completo é a segurança. Para isso, implementaremos bcrypt para encriptar senhas e garantir um sistema de autenticação mais seguro. Finalizaremos organizando os domínios da aplicação para tornar o código mais modular e fácil de manter. No encerramento da aula, realizaremos um novo commit no repositório para documentar todo o progresso do projeto. ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 01:54 Ajustando a fonte da página de Login 03:03 Configuração do ambiente para o backend 07:00 Criando a API no backend com Express e MongoDB 09:05 Criando e usando variáveis de ambiente 11:20 Testando o servidor 12:53 Criando uma requisição do tipo GET 15:15 Criando a base de dados com MongoDB 21:50 Conectando a base de dados com Mongoose 23:30 Função assíncrona no JavaScript 25:03 Diferentes imports no JavaScript 26:03 Criando o schema de usuário no banco de dados 30:45 Requisição GET para buscar os usuários 34:06 Criando um novo endpoint com requisição POST 36:19 Indicando códigos de requisição HTTP 38:45 ReqBin - Testando as requisições 40:15 Pegando os parâmetros da requisição 42:17 Função middleware para parsear JSON 43:44 Encriptando as informações com bcrypt 47:30 Organizando o código e criando os domínios da aplicação 52:50 Testando o projeto 54:20 Commit e conclusão da aula #fullstack #htmlecss #html #css #javascript #hashtagprogramacao