Como criar um MENU MOBILE com HTML, CSS e JavaScript

Поділитися
Вставка
  • Опубліковано 3 гру 2024

КОМЕНТАРІ • 37

  • @ivopetronio8074
    @ivopetronio8074 Місяць тому

    Cara, muito obrigado por compartilhar seu conhecimento.
    Eu adorei a sua didática e a sua humildade.
    Sabe muito e não deixa transparecer nem um grama de arrogância, como uns e outros "youtubers" por aí.
    Valeu mesmo, mano.
    Um abraço.

  • @andremarques4167
    @andremarques4167 2 роки тому +4

    Depois de rodar por diversos vídeos da turma aí achei o seu com o conteúdo riquissimo e que me ajudou bastante. Parabéns

  • @devdofuturo
    @devdofuturo Рік тому +4

    Seu canal tem muito potencial, a coisa mais difícl você já tem que é a didática!

  • @LuizAntonio-p4r
    @LuizAntonio-p4r 9 місяців тому +1

    Excelente. Didática e conteúdo nota 10. Parabéns.

  • @jmartins9227
    @jmartins9227 6 місяців тому

    tava doido pra fazer animação do menu aparecendo e sumindo da tela. muito bom.

  • @Acaterine
    @Acaterine 2 роки тому +2

    Gratidão por partilhar seus conhecimentos! Me ajudou e ajuda bastante! Tudo de bom :)

  • @edsonmenezes3663
    @edsonmenezes3663 Рік тому +1

    eu não poderia deixar de dar meus parabéns, sucesso brother.

  • @higormartinsb
    @higormartinsb Рік тому +2

    Muito bom mesmo parabéns professor 👏

  • @luizleao243
    @luizleao243 2 роки тому +1

    Show de bola! Excelente didática! Valeu demais brow! #ganhouUmInscrito #muitoGrato :-)

  • @nogueco
    @nogueco 2 роки тому +1

    Cara, seu conteúdo é muito bom, sua didática e explicação passo a passo ajudam muito a entender o que esta fazendo. Obrigado!

    • @InteliogiaDev
      @InteliogiaDev  2 роки тому +1

      Que nada Pedro! 😁❤️ Tamo junto irmão!

  • @allanfelipe1219
    @allanfelipe1219 2 роки тому +1

    monstro em man, manja demais, obrigado por passar conhecimento !!!

    • @InteliogiaDev
      @InteliogiaDev  2 роки тому

      Que isso cara kkkk tamo junto 👊👊

  • @kleber-ar
    @kleber-ar 2 роки тому +1

    Muito bom. Me ajudou demais!!

  • @danielfilipe7901
    @danielfilipe7901 2 роки тому +1

    Cara seu conteúdo é muito bom, muito didático.Tenho uma segestão qu acho que vai agregar ao seu canal , você poderia fazer vídeos clonando sites como spoify,pepsi e etc e explicando usando o dev tools do google chrome , vejo bastante conteudo assim mas é sempre canal gringo.

    • @InteliogiaDev
      @InteliogiaDev  2 роки тому +1

      Irmão que ideia foda! Pode deixar que vou desenrolar essa ideia pra trazer o quanto antes! Vlw msm 👊

  • @ruanpaulo4583
    @ruanpaulo4583 2 роки тому +1

    É o bichão mesmo!
    Sem "enrolation"!

  • @KevynHerbertdaSilva
    @KevynHerbertdaSilva 6 місяців тому

    Olá, qual o tema do seu vscode? Achei muito bonito.

  • @marsoliver6782
    @marsoliver6782 2 роки тому

    Valeu demais! ganhou mais um inscrito. Show! abç.

    • @InteliogiaDev
      @InteliogiaDev  2 роки тому

      Opa mano ❤ Muito obrigado e seja bem vindo 😁

  • @LeonardoRejani-i8e
    @LeonardoRejani-i8e Місяць тому

    Cara, não consigo acessar esse seletor de cores no vs code no 3:15. As configs da IDE estão corretas, extensões desinstaladas para testar e IDE reinstalada. Sabe o que posso fazer para arrumar?

  • @leticiardeoliveira4899
    @leticiardeoliveira4899 2 роки тому +1

    Cara esse menu me ajudou muito!! Como incluir um submenu?? Fiz algumas tentativas mas não ficaram legais... no web ficou bacana mas no mobile não funciona. Poderia fazer um video dando dicas??

    • @InteliogiaDev
      @InteliogiaDev  2 роки тому +1

      Fala Letícia, tudo bem? Fico feliz em ter te ajudado kkkkkk sobre criar o submenu, é um pouco complexo pra te explicar por um comentário kkkkkkk mas vou fazer de tudo pra aperfeiçoar esse menu o quanto antes para te ensinar isso 🙂

    • @leticiardeoliveira4899
      @leticiardeoliveira4899 2 роки тому

      @@InteliogiaDev Ajudou demais!! Graças Os seus vídeos eu já consegui fazer um projeto, que até então era mais pra conectar os conhecimentos e acabei conseguindo meu primeiro freela! Gosto muito mesmo do seu trabalho e peço para que continue!! Sou muito grata de verdade

  • @LeticiasS27
    @LeticiasS27 Рік тому +1

    Oi eu consegui fazer tudo isso no meu projeto de curso, porém eu queria que quando abrisse esse menu a visibilidade de duas sections sumisse e eu consegui realizar, porém quando eu fechasse essas duas sections voltasse a aparecer. Mas não estou conseguindo fazer isso. Tentei com JScript. Eu usei dentro da própria function criada, tentei adaptar:
    var visible = document.getElementsByClassName('ativo');
    if (!visible) {
    document.getElementById('produto').style.visibility = 'visible';
    document.getElementById('sobre').style.visibility = 'visible';
    }
    else {
    document.getElementById('produto').style.visibility = 'hidden';
    document.getElementById('sobre').style.visibility = 'hidden';
    }
    }
    Poderia me ajudar ?

    • @InteliogiaDev
      @InteliogiaDev  Рік тому +1

      Oi Letícia tudo bem? Para fazer esse tipo de coisa vc precisa antes de tudo capturar a classe da section que vc quer q suma dentro de uma variável no JS.
      Aí vc poderia usar uma classe dinâmica, pois aí sempre que ela não existisse a section ficaria visível e sempre que ela existisse a section sumiria.
      Para isso vc pode usar o seguinte código:
      btn.addEventListener('click', ()=>{
      section.classList.toggle('ativo')
      }
      Nesse exemplo eu inseri um escutador de eventos em um botão, e sempre q ele for clicado vai adicionar ou remover a classe "ativo" dinamicamente da section. O "toggle" é o responsável por isso.
      Aí na CSS vc pode configurar para sempre que a classe "ativo" existir numa section ela ficará visível, e quando não existir ela desaparece 😁 espero q tenha conseguido te ajudar

  • @noorolu
    @noorolu 2 роки тому

    Olá, boa noite tenho uma duvida, como faz a tela de carregamento levar para outra pagina. Exemplo, clicamos em algo e somos direcionado a outra pagina, como faço a animação de carregamento levar para outra pagina? obrigado, boa noite

  • @tionoti
    @tionoti 2 місяці тому

    cara o botão para mobil não ficou no conto superior esquerdo ficou centralizado e sem animação, vc partiu o vídeo ai ficou difícil saber encaixar pq um vc fez um menu no outro vc acrescentou o menu já pronto ai complicou, desculpa se estou falando besteira mas como estou aprendendo ficou complicado ver dois vídeos

  • @llima.kk0
    @llima.kk0 2 роки тому +1

    muito bom

  • @michelzinhogeocafbatera8215
    @michelzinhogeocafbatera8215 9 місяців тому

    Show

  • @erisvaldos.s7372
    @erisvaldos.s7372 Рік тому

    Eu nunca iria descobrir o bug no menu, gostaria de saber o porque do overflow: hidden resolver este problema.

    • @InteliogiaDev
      @InteliogiaDev  Рік тому

      A propriedade overflow serve para controlar o que vai "vazar" do nosso elemento. As vezes criamos elementos onde ele é maior que o elemento pai. Aí nesse caso precisamos controlar se o que vazar desse elemento vai ficar a mostra ou não. Então por isso usamos o overflow: hidden, pois tudo que escapar dos limites do elemento pai será escondido.

  • @edsonbarrosponciuncula9971
    @edsonbarrosponciuncula9971 8 місяців тому

    Eu uso FireFox :/

  • @antoniojosecouto8965
    @antoniojosecouto8965 6 місяців тому

    top