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

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

ความคิดเห็น • 60

  • @DevFFontes
    @DevFFontes ปีที่แล้ว +31

    Nossa , muito top , o Mais incrível eh que você fala cada função e oque ela faz , isso pra nós que somos iniciantes eh fundamental parabéns

  • @mauricioquaranta7979
    @mauricioquaranta7979 8 หลายเดือนก่อน +1

    Mano, simplesmente sensacional! Didático, explicativo, e o melhor, resultado excelente. Muito obrigado! Você é fera demais, cara!

  • @boltjz
    @boltjz ปีที่แล้ว +3

    Seu conteúdo é excelente.
    A edição é perfeita também, assisti alguns vídeos mais antigos seus. Você é muito bom!

  • @lucasalcantara6044
    @lucasalcantara6044 ปีที่แล้ว +2

    Um dos poucos que explica propriedade por propriedade! Bom demais

  • @kauasousa4414
    @kauasousa4414 9 หลายเดือนก่อน +2

    Deixarei meu like. Boa explicação, sem enrolações e foi bem oque eu queria
    Obrigado Guerreiro 💟

  • @jardsystem
    @jardsystem หลายเดือนก่อน

    Cheguei agora, muito bom vídeo. A melhor explicação do TH-cam

  • @nilsonmaia9609
    @nilsonmaia9609 ปีที่แล้ว +2

    Maravilha de detalhes, conteudo simples de entender comentários sobre o que usar. Aula Top.

  • @eduardosilveira4075
    @eduardosilveira4075 7 หลายเดือนก่อน

    Parabéns pelo material. Muito mais fácil de implementar dessa forma.

  • @anaelisa2982
    @anaelisa2982 6 หลายเดือนก่อน

    Você foi incrível! Essa aula foi ótima, eu estava lutando para aprender a fazer um menu responsivo há um tempo, mas finalmente consegui com o seu vídeo, obrigado mano!

  • @yDinks
    @yDinks 6 หลายเดือนก่อน

    Estou a alguns dias aprendendo HTML/CSS/JS e seus videos tem me ajudado muito. Suas explicações de cada propriedade são muito úteis, parabéns pelo conteúdo.

  • @R_1cck
    @R_1cck ปีที่แล้ว +3

    Não tenho foco em frontend mas gostei muito do canal mano, parabéns

  • @lamps84
    @lamps84 ปีที่แล้ว +1

    Montando meu site aos poucos! Essa aula foi sensacional✌

  • @Guerreir0A297
    @Guerreir0A297 6 หลายเดือนก่อน

    Valeu pela dica, já tinha feito uma Navbar pelo Bootstrap, to fazendo pelo CSS só pra diferenciar um pouco e aprender coisas novas

  • @felipeleite11
    @felipeleite11 ปีที่แล้ว +2

    A ideia de usar o clip-path pra isso foi sensacional! Sugiro você gravar um vídeo sobre dasharray também.

  • @Rafael11piraju
    @Rafael11piraju ปีที่แล้ว +2

    To aprendendo html/css e esse conteúdo me ajudou muito, vlw

    • @TigerCodes
      @TigerCodes  ปีที่แล้ว +1

      Bons estudos e conte comigo na sua jornada!

  • @GabrielAGama-dz3nx
    @GabrielAGama-dz3nx ปีที่แล้ว

    Esse canal é muito brabo.

  • @ximiloko1164
    @ximiloko1164 5 หลายเดือนก่อน

    Cara eu faço curso técnico, e sem duvida, as suas explicações são bem sucintas diretas ao ponto, se fosse em aulas do técnico, isso q vc apresentou em menos de 10 min, seriam 2 ou 3 aulas de 5:30hrs, devido a turma ter metade só atrapalhando, parabéns ótimo trabalho, vou add aos meus projetos, assim como já fiz em outras video aulas suas.

  • @kleytonalves7579
    @kleytonalves7579 หลายเดือนก่อน

    Olá mano, obrigado pelo vídeo. Pode me dizer qual extensão usou pra atualizar o código automaticamente depois de uma declaração?

  • @linosouza8871
    @linosouza8871 6 หลายเดือนก่อน

    Show, obrigado por compartilhar.

  • @eusoubrunorapaizgames
    @eusoubrunorapaizgames 10 หลายเดือนก่อน

    mano que canal top, inscrito agora mesmo

  • @rettwak4422
    @rettwak4422 ปีที่แล้ว +1

    Parabéns ótimo vídeo mano

    • @TigerCodes
      @TigerCodes  ปีที่แล้ว

      Muito obrigado ✌

  • @leonardorolim4575
    @leonardorolim4575 ปีที่แล้ว

    Amei o conteúdo se seu curso tivesse um desconto certeza assinava, 300 é meio salgado pro meu bolso

    • @TigerCodes
      @TigerCodes  ปีที่แล้ว

      Opa leo, tudo bom? Temos um cupom de desconto para ficar com um preço mais bacana, basta usar o cupom TH-cam no ato da compra 🐅

  • @edvaldojunior1745
    @edvaldojunior1745 3 หลายเดือนก่อน

    Opa amigo, boa tarde! Como faz para o menu recolher ao clicar na opção desejada? Novamente, obrigado!

  • @dpescador
    @dpescador 7 หลายเดือนก่อน

    Muito bom.

  • @IsabelleLima-w1n
    @IsabelleLima-w1n ปีที่แล้ว

    Seus vídeos ajudam demais, estou com uma duvida na hr de colocar um h1 e um botão por cima dessa imagem, como seria a estrutura do codigo para deixar os mesmos responsivos?

  • @SamurahGamer
    @SamurahGamer 8 หลายเดือนก่อน +1

    Quando clico em algum item do menu, o menu não desaparece

  • @Vilela0
    @Vilela0 10 หลายเดือนก่อน

    vídeo muito bom! Estou começando a programar por agorar e queria saber como você fez para deixar o site atualizando em tempo real ao lado!

    • @eusoubrunorapaizgames
      @eusoubrunorapaizgames 10 หลายเดือนก่อน

      tbm queria saber

    • @pablonotpicasso7520
      @pablonotpicasso7520 10 หลายเดือนก่อน

      No VS Code você instala uma extensão chamada Live HTML Preview. Então vai apertar F1 + Enter para ligar a visualização.
      A atualização é sincronizada com o documento, ou seja, se vc faz alterações e vai apertando ALT + S (salvar) ela vai atualizar.
      É uma ferramenta muito útil, costumo usar bastante.

    • @eusoubrunorapaizgames
      @eusoubrunorapaizgames 10 หลายเดือนก่อน

      @@pablonotpicasso7520 obrigado amigo, isso vai me ajudar muito🤝

  • @nickpinheiro2308
    @nickpinheiro2308 4 หลายเดือนก่อน

    estou tentanto implementar a parte do hamburger, mas quando chega menor do 750px, até aparece o botão mas n abre e n faz a animação, creio que eu esteja errando em alguma nomenclatura, alguém poderia me chamar pra me ajudar ?

  • @hiperfilmes-z7n
    @hiperfilmes-z7n ปีที่แล้ว

    Parabéns pelo vídeo! Cara, como mantenho o menu visível em tela cheia?

  • @gleyciannemaria4773
    @gleyciannemaria4773 4 หลายเดือนก่อน

    Eu estou tão acostumada a não entender muito os conteúdos de primeira do pessoal dev q explicam de forma técnica, que quando eu acompanhei seu vídeo eu fiquei tipo: "oxe, eu entendi tudo! Que estranho... 🤔"

  • @tapevhs94
    @tapevhs94 7 หลายเดือนก่อน

    O ponteiro do mouse não aparece nos itens ao expandir a navbar e perdeu a funcionalidade de links. Como resolver isso?

  • @mundodoDaviocavaleirofuturo
    @mundodoDaviocavaleirofuturo หลายเดือนก่อน

    tem exigência de navegador ou no chrome dá certo?

  • @thiagodasilva379
    @thiagodasilva379 10 หลายเดือนก่อน

    Por incrível que parece meu URL na parte do hero que é para colocar a cor de fundo não funcionou

  • @lucienelima8
    @lucienelima8 ปีที่แล้ว

    Gostei muito do vídeo. Bem explicativo.
    Quando está no modo celular, ele já aparece o menu aberto. Como faço pra ele estar com o menu pra pessoa clicar e abrir?
    E quando o menu está aberto e eu clico no X ele não fecha o menu estendido. Como resolver?

    • @TigerCodes
      @TigerCodes  ปีที่แล้ว +1

      Se o menu aparece aberto significa que em algum lugar do seu código ele já começa com a classe active, seja no HTML ou no próprio JavaScript na execução do mesmo

  • @Poatan-Mão-de-Pedra
    @Poatan-Mão-de-Pedra 10 หลายเดือนก่อน

    Kcete irmao comecei no mundo da programação hoje com HTML e CSS e estou com medo veio kkk insano de difícil.

  • @voelinteractive9108
    @voelinteractive9108 6 หลายเดือนก่อน

    ..e com faz para fechar o menu ao clicar nos links? : /

  • @IagoJose-x7e
    @IagoJose-x7e ปีที่แล้ว

    Valeu tmj

  • @RomuloOliveira14
    @RomuloOliveira14 4 หลายเดือนก่อน

    quado clica no link do menu o menu não some

  • @henriquecarvalho83
    @henriquecarvalho83 ปีที่แล้ว

    Primeiramente, muito obrigado pelo seus conteúdos, são ótimos. Gostaria de saber, se possível, como deixar padrão o lang="pt-br", no meu VSCode, quando uso o atalho ! + Tab ele sempre vem com lang="en".

    • @TigerCodes
      @TigerCodes  ปีที่แล้ว +1

      Vou fazer um vídeo

  • @arthurhenrique2458
    @arthurhenrique2458 ปีที่แล้ว

    cara ali onde vai a logo eu coloquei uma imagem estou usando a função só que nessa função não consigo puxar o css .logo, poderia me ajudar ?

    • @canalfoxygames
      @canalfoxygames ปีที่แล้ว

      adiciona uma classe ou id, ai ficaria

  • @devGabi1
    @devGabi1 10 หลายเดือนก่อน

    O meu código não funcionou, alguém pode me ajudar?

  • @dawndao4740
    @dawndao4740 ปีที่แล้ว

    Não esta mais funcionando...

  • @MilenadeOliveiraPimentel
    @MilenadeOliveiraPimentel 11 หลายเดือนก่อน

    como botar essa onça ai

  • @kennydollar4407
    @kennydollar4407 4 หลายเดือนก่อน

    Fazes as coisas muito rápido assim é difícil de ti acompanhar

  • @Ghoul_rip
    @Ghoul_rip 3 หลายเดือนก่อน

    meu código JS tem problema?
    const nav = document.getElementById('burge')
    const menu = () => {
    nav.classList.toggle('abrir');
    };
    nav.addEventListener('click', menu);

  • @chrisevan-em5nc
    @chrisevan-em5nc ปีที่แล้ว

    Maninho tem como me ensinar atualizar os codigos do meu painel? Pfv😢 me manda o discord

  • @edvaldojunior1745
    @edvaldojunior1745 9 หลายเดือนก่อน

    Mano, simplesmente sensacional! Didático, explicativo, e o melhor, resultado excelente. Muito obrigado! Você é fera demais, cara!