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

Nesse vídeo eu vou te mostrar como criar do zero um menu navbar, ou barra de navegação, responsivo. Usaremos HTML, CSS e JavaScript apenas, sem plugins, sem frameworks.

#html #css #javascript

🔗 Recursos

📚 Capítulos

00:00 O Menu
00:36 Setup
01:20 Estilização
03:00 Design Responsivo
06:00 JavaScript
09:59 Animação do botão

🐅 Seja um assinante Tiger Codes

Use o código YOUTUBE para 15% off no seu primeiro pagamento.

🌐 Redes Sociais

[claudiolopes]

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.

[igors.dev]

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.

[haleyr.]

pra quem ta com problema do menu saindo pra fora troca a tag viewport em head por esta : <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> e coloca overflow-x: hidden; em body tanto no mobile quanto na versão pc

[BBTTheKing]

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

[theoo_prospero]

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!

[thalesmln]

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!!!

[rafaelcampanincarneiro]

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

[LucasMatheus-hwfe]

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

[Hector-npzi]

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

[liarleyev]

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

[JoaoVictor-usbj]

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.

[GLtest_]

brabo demais!!

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

[deagle]

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

[GustavoLobo-zqlq]

Caraca mano, sua didática é muito boa, valeu!!

[willgameplay]

Cara estava cometendo um erro terrível, eu tinha colocado o link da imagem no html exemplo ( <img src="imagem.jpg22.jpg" alt=""> )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!

[score]

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...

[marxrob]

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

[dropcas]

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

[ruanhenrique]

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

[andrealves]

krl
Eu to em sock do quao bem explicado e simplificado isso foi pqp PARABENS VC É