Aprenda como criar um HEADER + SIDEBAR responsivo com HTML, CSS e JAVASCRIPT

[@BrunoFSMarques]

Filho de peixe, peixinho é!😁 Aprendi muito com o Neri e agora vendo o Gustavo!👏

[@Henrique-dd4oh]

É o melhor vídeo de como construir um menu hambúrguer q eu achei no KZbin, além de ser mt didático. Merecia ter muito mais views!!

[@FilipeMonteiro-c1g]

Vídeo excelente, como eu já imaginava. Obrigado por compartilhar o conteúdo, está me ajudando bastante.

[@carolfreitas_devjr]

Melhor vídeo tutorial de navbar responsivo que achei. Parabéns!

[@Raficks]

Mano que aula incrível! corrigiu bugs que nem eu tava imaginando que fosse acontecer e ainda pensou em algumas funções pra deixar a experiência melhor parabéns, Gustavo.

[@antoniodoroteia7813]

Brazil ajudando Angola no ramo da TI, muito top, manos obrigado a todos vcs que compartilham os vossos conhecimento #Angola/Luanda

[@cristianpereira3259]

Parabéns Gustavo Neitzke por este seu trabalho, nós precisamos muito de sua dedicação e profissionalismo para nos ajudar neste início de profissão programador, pois é por meio destes tutoriais que ganhamos força e enriquecemos os nossos conhecimentos para ingressar nesta área tão complexa para alguns como eu. Pois a cada dia um novo desafio, atualizações repentinas que enfrentamos, então mais uma vez muito obrigado e nunca para de nos ajudar.

[@c.b.x.v.i.i.3]

Tentei fazer o projeto do vídeo, mas algumas funções não funcionaram. Tentei fazer os comandos de Css em uma pasta separada e não no arquivo HTML, não sei se isso interferiu no código. Eu passei o que estava no arquivo de css para dentro do arquivo html, dentro do container head, usando o script como está no vídeo e ainda assim não funcionou.

[@jc-websystens]

show gustavo, parabens

[@mateusfreitas838]

mds que cara bom vei, explica muito bem. Parabens amigo

[@arthurisgamer6017]

Simplesmente sensacional! Me ajudou de mais na criação de um header de respeito ksksksksks. Meus parabéns!

[@SistemacomDelphi]

Parabéns foi o melhor vídeo de menu responsivo que já assistir.

[@dmvd.m.v]

Loguei só pra te agradecer!! Obrigado

[@blackscience2039]

Rápido simples e objetivo, muito top sua aula. Vlw!!

[@deividborges8618]

mandou muito bem!!! Parabéns! melhor aula de menu hamburguer que já vi!!

[@adrianomatilde]

O que estava precisando, meus parabéns!!!

[@salomaocarinho4381]

eu gosto muito a tua forma de transmitir o conhecimento nesta aria continua assim!!!

[@GustavoNeitzke]

Valeuuu!! 🚀🔥

[@jaimefernandopelembe4339]

Muito legal o vido gustavo, estas de parabens pelo trabalho incrivel.

[@goncalojbsousa]

vlww mano me ajudou de mais no trabalho da facul aqui

[@davsonmelo]

da pra dar 1000 likes??? que Aula garoto... que aula...

[@IsmaelDev]

Muito bom, satisfação aprender mais com você. Eu iniciei um canal agora espero um dia chegar no seu nível, tanto o canal quando habilidades

[@GustavoNeitzke]

Muito obrigado Ismael! Muito sucesso para você! Tenha bastante foco que o resultado virá 🚀🔥

[@karlayamassaki2145]

adorei o videomas mt longo, faz uns videios mais curtos mano. Porem explica mt beeem, adoreei

[@yurerafael7285]

muito bom mano!! procurava um vídeo como esse há tempos

[@AlexandreFacanha-yb9fi]

Parabéns Gustavo, ótimo conteúdo. Explicações excelentes.

Fantástico!!! Adorei a aula! Parabéns!

[@samuelvictor524]

Muito top cara. Manda muito👍

[@gleyciannemaria4773]

Mds cara que conteúdo incrível.... eu adorei vou colocar em prática.... vlwww

[@soraiabarbosa986]

Sensacional, Gustavo!!! Parabéns e muito obrigada por ajudar novos devs... :)

[@nelsonantonio5870]

Excelente narrativa/excelente aula.

[@silviocyrus]

Filho de peixe peixinho é!!!! kkkk Parabéns Gustavo pelo conteúdo.

[@jhonatan40ify]

Que tutorial foda cara. Parabens!!

[@amarantesilva9964]

Boa noite , você poderia fazer um vídeo sobre " como criar um bom currículo " ou até mesmo " como criar um portifólio " . Estou curtindo e aprendendo muito com teus vídeos. Obrigado!!!

[@GustavoNeitzke]

Boaa ideia Amarante!! Vamos adicionar na lista! Grande abraço 🚀🔥

[@udielinacio8758]

Você é incrível. Me ajudou muito

[@hudsondelimardrogies]

Muito obrigado, me ajudou muito!

[@marcossobraldev]

Oi Gustavo, mais um vídeo top que vc faz parabéns meu mano👏👏

[@GustavoNeitzke]

Falaaa Marcos!! Tudo beleza ?? Muito obrigado fera, tamo junto 🚀😃

[@robsonrenan5719]

ótimo conteúdo, da pra assimilar tudo. Didático demais, obrigado meu amigo!!

[@diegocosta6193]

MUITO BOM APRENDER COM VC, MANEIRO DEMAIS.

[@GustavoNeitzke]

Muito obrigado Diegoo!!! 🚀🔥

[@destruidor1428]

Muito top mano estou estudando aqui

[@naiarareis7968]

Ótimo para praticar

[@lurosa1444]

Muito bom!! Parabéns pela didática!

[@GustavoNeitzke]

Valeuuu Lu!! 🔥😃

[@tudodireto]

Gosto muito do teus vídeos, vc é espetacular , muito bom mesmo , virei fã

[@GustavoNeitzke]

Muito obrigado K7!! Fico feliz com suas palavras 🚀🔥

[@gianmarco2886]

30:00 , eu nao fiz o meu com ID, qual que eu uso no lugar the GetElementbyID?

[@tomsantos220]

Gustavo otimo Conteudo !! Parabens obg !!

[@GustavoNeitzke]

Valeuuu Tom!! 😃🚀

[@marciocarvalho8081]

Top de linha

[@GustavoNeitzke]

Valeuu Márcio! 😃🚀

[@s.v.discussion8665]

Muito bom.

[@herlonlessaoficial]

Muito bom mesmo, não vi video mais esplicativo que esse. vc tem curso ou aulas ? parabéns pelo conteúdo.

[@GustavoNeitzke]

Buenass! Agora temos um curso de HTML e CSS na neitzkeacademy.com/geral/courses/1536bddf-8bc8-4dbf-bbad-cde5e136e1c0

[@moupeople5549]

quase perfeito, só faltou seguir as regras do html 5 semantico.

[@igors.dev32]

Xô ver se escrevi navigation correto: "nagivation_header". Tá correto! hahahaha. Zueira mas n pude deixar de notar na hora. Conteúdo excelente!

[@GustavoNeitzke]

heheheheh Valeuu Igor!! 😃🚀

[@Rickypapi]

Amei seu conteúdo

[@ProjetoDoor]

amei

[@kevinrodrigues8809]

Top de mais

[@marcoswodbarros]

Mais um conteúdo de ótima qualidade: Simples e prático.

[@breakbosscrewoficial4249]

Muito bom mano valeu

[@trilhacoder]

Show!

[@protagonista4512]

Canal Top!

[@GustavoNeitzke]

Valeuu Thiago!! 🚀🔥

[@wallisonalmeida9006]

Boa noite!! Esse programa que está na tela é o FIGMA ?

[@felipepinheiro9235]

Muito legal cara

[@GustavoNeitzke]

Valeuu Felipe! 🚀🔥

[@deividborges8618]

como que eu faria para aplicar essa função do closeSidebar em uma aplicação com mais de uma página? Dei uma bugada rsrs. To usando Ref na minha toogle

[@Gabreel_alves]

fiz o esqueminha do animation, ele abre o menu antes de clicar, e se esconde, quando clico no botao menu, ele abre so q sem animação, alguma dica?

[@carapalida3515]

pro pessoal que tambem teve problema ao colocar o @media eu pesquisei e encontrei esse codigo que funcionou perfeitamente @media (min-width: 700px) { ... } copia ele e cola e so muda de min-width para max-width e modifica os pixel

[@drakkarzz]

É só diminuir o tamanho da janela do navegador que ele reaparece, por isso o "max-width". Pra toda vez que a tela for no máximo de 780px (max-width), os botões vão aparecer e o menu vai ficar dentro dele, deixando o site responsivo. Caso colocar "min-width", toda vez que a tela for menor que o valor, esse menu vai sumir, fazendo o processo inverso.

[@bryancorreia3886]

qual a diferença do EM para REM

[@antoniopereira1967]

Obrigado e parabens igualzinho Seu pai... ah, ah, ...

[@FuturisticGrow]

Muito bom Gustavo, valeu demais pelo conteúdo. Eu fiz quase tudo mas bugou na parte do button onclick, não está mudando o console.log de true pra false quando clico no icone do menu =/ o codigo identico ao teu

[@Matheus18215]

O meu tbm deu esse problema

[@eduardosilva8224]

@@Matheus18215 o meu também. resolveram?

[@gianmarco2886]

o meu ta dando o mesmo, menos de um mes pra apresentação do tcc rapaz, to perdido, problema é que se for comentário agradecendo pelo vídeo esse corno ai responde, já comentário com duvida ele não da a mínima, é um filha da puta mesmo

[@victormatheus3352]

@@eduardosilva8224 não sei se ainda está com esse problema, mas o meu resolveu pq nas metatags eu coloquei "", ao invés de ""

[@gustavomotta9155]

ótimo conteudo!

[@GustavoNeitzke]

Valeuuu Gustavão! 🚀🔥

[@TeVejoEmValhalla]

me ajuda numa coisa, eu to tentando colocar esse efeito da direita pra esquerda, mas ta dando muitos erros ,como eu resolvo?

[@Tailan001]

monstro

[@johntavares1375]

Cara que software é esse que você usa para programar?

[@GustavoNeitzke]

Olá amigo! Utilizo o Visual Studio Code

[@antonielstefaniak9619]

Opa, então, adaptei seu header ao um projeto meu, funciona tudo certo. Porém quando eu abro o header como sideBar e redimensiono a página ao tamanho original, ele não volta como o header original, ele some, sabe me dizer o que pode ser?

[@tainasantana4562]

tbm estou enfrentando o msm problema

[@tainasantana4562]

você conseguiu resolver?

[@hamiltonjr.4990]

Olá Gustavo, estou na metade do seu vídeo e até agora só elogios, mas estou com um dúvida, gostaria de deixar o menu fixo na tela quando scrolar para baixo, mas quando coloco a propriedade 'position: fixed;' no header ele até fica fixo mas a barra se espreme na tela pela metade +/-, poderia me ajudar a achar o problema?

[@Senhoryoh3]

tbm

[@Baruckplay]

Boa noite, por que não usou as tags header e nav?

[@drakkarzz]

Esse método de header, nav e section são métodos novos, antes as pessoas costumavam colocar tudo em div.

[@c.b.x.v.i.i.3]

Tentei fazer o projeto do vídeo, mas algumas funções não funcionaram. Tentei fazer os comandos de Css em uma pasta separada e não no arquivo HTML, não sei se isso interferiu no código. Eu passei o que estava no arquivo de css para dentro do arquivo html, dentro do container head, usando o script como está no vídeo e ainda assim não funcionou.

[@c.b.x.v.i.i.3]

não sei se preciso baixar algo para poder usar os códigos de javascript

[@c.b.x.v.i.i.3]

se alguém puder me ajudar, agradeço :(

[@iaraalicia1646]

❤👏👏👏

[@ianreidelas7680]

nagivation

[@bernardojacob460]

Nao se fala rider e sim rédêr… Header nao eh heeder..