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

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_R6ZgU_NNNo0&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-26-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_R6ZgU_NNNo0&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-26-03&conversion=lesfs-mar-25 ----------------------------------------------------------------------- 🗃️ GitHub do Projeto https://github.com/fullstackjornada/hashbnb-youtube 📁 Arquivos Utilizados no Vídeo: https://dlp.hashtagtreinamentos.com/full-stack/arquivo/download?id=1-gZa2KcTKclnIHCbtTEdiZ3pdl4LmwgK&origemurl=hashtag_yt_org_arquivofs_R6ZgU_NNNo0&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-26-03&conversion=lesfs-mar-25 💻 Recomendação de vídeo: Aprenda a usar o Tailwind CSS https://youtu.be/7mt89PPWhaY Como sair do ZERO no React em Apenas UMA AULA https://youtu.be/6hiqVVCsA_I 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_R6ZgU_NNNo0&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=replica-aribnb-26-03&conversion=lesfs-mar-25 ----------------------------------------------------------------------- Hoje continuamos a construção do HashBNB, a réplica completa do Airbnb utilizando MERN Stack (MongoDB, Express, React e Node.js). Nesta segunda aula, vamos aprofundar nosso conhecimento em versionamento de código, aprendendo a configurar Git e GitHub corretamente para um fluxo de desenvolvimento profissional. Além disso, vamos criar novos componentes reutilizáveis no React, organizar o layout da homepage com Tailwind CSS e tornar a interface responsiva. Você também vai entender como o React Router funciona e aprender a configurar a navegação entre páginas sem recarregar a aplicação. Finalizaremos implementando e estilizando a página de login, garantindo uma interface moderna e intuitiva para os usuários. Se você quer dominar desenvolvimento full stack, criar interfaces impressionantes e desenvolver aplicações escaláveis do zero, vem comigo nessa jornada full stack com MERN! ----------------------------------------------------------------------- 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:22 O que é versionamento de código? 02:00 Criando repositório no GitHub 03:00 Instalando e configurando Git 05:33 Conectando os repositórios e primeiro commit 08:48 O que é uma branch? 09:25 Fazendo um push para GitHub 09:55 Ajustando as credenciais do GitHub 12:23 Criando componentes no React 15:07 Estruturando e espaçando itens na Home 17:43 Criando layout responsivo com Tailwind CSS 24:05 Tornando o cabeçalho responsivo 28:35 Criando e estilizando os itens da página principal 36:12 Criando a página de Login 38:30 Configurando rotas com React Router 43:44 Criando links de navegação para Home e Login 46:00 Estruturando e estilizando o formulário de login 57:35 Conclusão e salvando alterações no GitHub #fullstack #htmlecss #html #css #javascript #hashtagprogramacao