Como Fazer um Menu Navbar Responsivo - Tutorial HTML, CSS e JavaScript para Iniciantes 

Muito bom. Muito obrigado.

Tava indo tudo 100% na parte do HTML e CSS, daí chegou no JavaScript e bugou a mente toda.

Depois desse vídeo vi que realmente não sei nada sobre Html e Css

pra quem ta com problema do menu saindo pra fora troca a tag viewport em head por esta : e coloca overflow-x: hidden; em body tanto no mobile quanto na versão pc

Amigo estou babando até agora, vai explicar bem assim lá em casa para ver se eu aprendo de uma vez por todas, sem rodeios sem frescuras muito bem explicado, foi sem dúvida alguma uma tremenda aula, parabéns! Muito obrigado por compartilhar conhecimentos.

sabe qual diferencial? Você vai explicando enquanto vai aplicando cada coisa, juntando isso a uma linguagem sem frescura, fica claro o motivo de tantos elogios nos comentários. parabéns!!!

Mano, se vc fizesse uma pre-aula (ou até duranto o processo) explicando o funcionamento das aplicações, seria a aula perfeita de html e css.

Quem tiver tendo problemas no responsivo sobre os iphones é interessante colocar um max-width:1200px talvez arrume alguns problemas pra mim funcionou

Pulei vários vídeos, mas o seu me prendeu. Muito obrigado por ir direto ao ponto. Conteúdo sensacional 😙❤❤👍

Obrigado! Consegui aprender algumas coisas e até a resolver os bugs que fiz na responsividade na raça. Muito obrigado! Deus o abençoe!

10 minutos de aula mais bem aproveitados da história 🏆

Parabéns é pouco, você merece MUITOS PARABÉNS! -Explicação clara e sucinta -Microfone/áudio com excelente qualidade -Edição finíssima -Dispôs todo o código fonte e não colocou encurtador -Tutorial extremamente bem elaborado e código limpo Desejo tudo de melhor pra ti e sucesso pro seu canal! Abraço

Parabéns, muito bem explicado.

Didática excelente! os 10 min voaram, aula boa demais!!!

Obrigado por compartilhar esse conhecimento 🙌👏👏👏

um dos melhores tutoriais que vi sobre o assunto, valeu!

muito obrigado por ajudar estava muito perdido pois estou aprendendo html e css mas è muito bom aprender java tambem pois deixa o site mais interesante e dinamico

Maravilhoso!! Muito obrigada pela aula!!

que explicação , edição e conteúdo incrível . parabéns cara.

Muito boa sua didática irmão! 🙏🏽 obrigado! Esclareceu bastante as minhas dúvidas.

muito bom bem explicativo, e sem se estender! valeu mano

Foda mano dahora o jeito q vc explica cada tag e tal ! Curti muito

brabo demais!! faz um video das formas mais faceis de se fazer um carrossel seja com framework ou nao

Comecei no Js faz pouco tempo, mal sei HTML e CSS, e minha cabeça ta explodindo, que conteúdo foda, muito legal, apanhei mais terminei, hoje estou olhando, copiando e me inspirando, amanhã, estarei olhando, criando e agradecendo mais uma vez por esse conteúdo, espero que daqui a uns 4 meses esteja fera que nem vc!

Cara, que dicção/voz/áudio incríveis! Aula sensacional, +1 inscrita!

Obrigado meu amigo, você é um amigo.

Parabéns pelo tutorial! :) Tive o mesmo problema que algumas pessoas...ao diminuir a tela aparecia por um tempo o menu. Fiz tudo que indicaram aqui, mas não funcionou. O que funcionou foi colocar o transition na classe nav list.active..assim: .nav-list.active { transform: translateX(0); transition: transform 0.3s ease-in; }

Realmente ... COMPLETO !!! Parabéns !!! Faz parecer simples ... mas os detalhes fazem a diferença !

O Cara é muito bom no que faz...

Muito obrigado. Ficou muito bom, merece um like

Mais do que perfeito, isso é increible

mano que foda algo simples e bem pratico, suavidade na voz e explicação clara, entendi tudo como funciona e agora só praticar. obrigado e ganhou mais um seguidor.

top deamis....to aprendendo agora to bem no inicio.

Meu amigo, tu é muito bom. só não entendi uma coisa, .mobile-menu tinha display flex, mas no media query vc colocou block pra ele aparecer. nao entendi essa questão do block. poderia me ajudar?? obrigado e parabéns!!!!

parabéns mano mt boa a aula, só na parte do js dava pra ter simplificado mais, mas na parte do html e css aprendi mt

QUE TUTORIAL FODA! Me lembrou muito o tipo de tutorial americano, parabéns irmão!!!

Fantástico, acabou de ganhar um inscrito, os demais vídeos do canal são tão bons quanto esse, estou começando no mundo front-end e seu canal esta me ajudando muito... continue com o ótimo trabalho...

Caraca mano , você é perfeito nos te amamos

vc e foda meu parceiro s2

Ótimo video parabéns, vou deixar aqui em baixo o código JS se fosse feito com funções ao invés de classes const mobileMenu = document.querySelector('.mobile-menu'); const navList = document.querySelector('.nav-list'); const activeClass = 'active'; function handleClick(){ navList.classList.toggle(activeClass); animateLinks(); } mobileMenu.addEventListener('click', ()=> handleClick())

Mano do céu kkk. mlk é foda 10min

O cara sabe mais que muitos professores por ai

Muito bom quando o cara além de fazer ainda explica o que cada coisa faz de fato, simples e direto! Parabéns mano sucesso com canal, já me inscrevi e vou maratonar alguns dos seus vídeos rs tmj!

Eu te amo!! Muito mesmo, tu é foda!!!! Obrigado!!!

Parabéns meu chapa! conteúdo direto e objetivo, muito bom para estudo e aplicação. Tmj.

Cara estava cometendo um erro terrível, eu tinha colocado o link da imagem no html exemplo ( )e a imagem estava cobrindo a página toda nem com css estava conseguindo resolver, depois eu vir que você hora nenhuma linkou imagem do mesmo jeito que eu kkkk, o certo seria esse teu jeito mesmo para o css conseguir fazer seu trabalho. Jeito certo conforme o vídeo ( background: url(imagem.jpg22.jpg) no-repeat center center;), por isso empregou a tag main la em baixo kkk . Acho que você não irá entender o que eu quero passar mas muito obrigado pelo conteúdo. Brabo de mais ajudou bastante!

Perfeito! Você muito bom cara, excelente didática.

Ficou simplesmente perfeito!!! Muito obrigado pelo tutorial, é de grande ajuda. Ganhou meu like e mais 1 inscrito :D.

Caramba, adorei o video mano! Ficou bem explicado, valeu mesmo. Curti sua voz e modo de falar também, continue assim

vídeo excelente!! muito didático, obrigada

que top, muito bem explicado, parabéns!!

Simplesmente maravilhoso, o único vídeo que me ajudou de verdade. Obrigado.

Meu Deus, que aula maravilhosa. Muito obrigado mesmo!!!!!!

Um dos melhores e mais diretos vídeos que já vi.

Teu canal é incrível, parabéns ❤

Não creio que seja para iniciantes mas é um tutorial excelente pra quem aprende rápido

Caramba, tutorial mais rápido e otimizado que ja vi, topíssimo mano! Valeu!!

Uma da melhores soluções de menu que encontrei, gratidão! Mas gostaria que o menu rolasse em conjunto com a tela, toda vezes que adiciono a propriedade position:fixad desabilita o menu, alguma sugestão?

Top mano!! Obrigado por compartilhar os seus conhecimentos👌

cara, que didática impressionante. Realmente está de parabéns!

O maluco é brabo demais! Excelente vídeo, parabéns!

Sensacional a explicação, curti e me inscrevi! Muito obrigado

Incrivel man! parabéns pelo conteúdo!

Tava perdido aqui. Numa linha você resolveu meu problema. \0/

Eu fiz passo-a-passo como explicado no vídeo, mas infelizmente não ficou bom. Entendo, pois não tem nem uma semana que estou estudando Front End(HTML, CSS E JS), além de eu não ser Programador e nem de Exatas - sou da área da Comunicação, Publicidade. Mas o vídeo explica MUITO BEM e COM detalhes sobre o que se deve fazer. Espero que daqui há algum tempo eu consiga compreender mais e saber fazer direito o menu explicado no vídeo. Ganhou mais um inscrito!

Mano, você explica bem. Parabéns e obrigado!

TU é um monstro na programação. Parabéns +1 inscrito.

Adorei quando utilizou um método construtor para fazer a lógica da barra responsiva. Muito obrigada pelo exemplo prático, irei fazer a associação com os conceitos desse tipo de construtor no JS.

Obrigado por compartilhar, top demais!

Tutorial incrível cara! você está de parabéns! ganhou mais um escrito.

Excelente vídeo aula, parabéns!

Incrível!!

muito bom, rapido e direto, Parabens

Consegui fazer e ficou excelente. Parabéns pelo trabalho.

Muito bom o vídeo. Obrigado pela ajuda !

Aula muito bem explicada, parabéns!

Parabens pela aula, show de bola, ja deixei meu like

Parabens man exelente aula, primeiro vídeo de explicação que n preciso colocar no 2x, claro que fui pausando e voltando pra entender melhor o que está acontecendo. Gostei muito do formato, Parabéns

PARABÉNS!!!! MUITO BOM!!!!

aula top demais hein parabéns pelo apoio a comunidade ^^

Uma ótima explicação. Excelente vídeo

O cara manda muito bem Muito bom manoooo sua didática é zica

krl KKKKKKKKKKKKKKKKKK Eu to em sock do quao bem explicado e simplificado isso foi pqp PARABENS VC É INCRÍVEL!!!!!!!!

extremamente fácil e bonito, muito obrigado pela aula

Opa, notificação do melhor canal do YT❤️✨

Sensacional a didática!

Muito top o tutorial!! só estou com uma dificuldade pois estou fazendo mobile first queria saber como coloca para a nav-list já vir ativa no desktop, um abraço!!

Show de bola amigo, muito obrigado

Muito Top a aula, qualidade 10/10!

+ uma inscrita🤗

Muito bem explicado! parabéns :D

sem rodeios, sem falatorios, sem mimimi....amo videos assim. parabens pela sabedoria e por compartilhar a nós, meros mortais

Muito bom Man, valeu! Mais um inscrito

Sensacioal! Não existe outra palavra!

Parabéns pelo vídeo me ajudou muito !!!!!

TOP, GANHOU INSCRITO!

Pqp, que explicação pika das galáxias. Ganhou um seguidor e um possível aluno.

Ganhou +1 inscrito, muito obrigado pelo conteúdo!

Cara, me desculpa mas, que tesão assistir essa aula. O pior é que aprendi todas essas propriedades num curso que parecia um dicionário; quase sem exercícios práticos. Ver tudo isso sendo feito é emocionante

Esse menu é muito bonito. O vídeo tá bom demais 🔥