Como criar Modo Dark e Modo Light com HTML, CSS e JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.พ. 2025

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

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

    Olá, moço.
    Quero parabenizar você pelo conteúdo e, sobretudo, pela sua didática simples e muito eficiente.
    Muito obrigado por compartilhar seus conhecimentos.

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

      Pow Sandro, muito obrigado cara! TMJ Sempre 👏🏾

  • @heitordesenhos4525
    @heitordesenhos4525 16 วันที่ผ่านมา

    👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼 ótima aula.

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

    moço, seus vídeos são perfeitos! Nunca tinha mexido com esse tipo de programação e em um dia já consegui evoluir muito vendo seus vídeos 😭😭

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

      Ah Marina, eu fico muito feliz em saber q tô te ajudando, moça 😭😭 meus parabéns viu! É chatinho no começo, mas a gente vai aprendendo 🧡

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

    Vídeo muito bom, sua didática é fantastica!

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

    tutorial incrivel! não achava que era tão simples. so não consegui fazer com que os textos voltasse a cor normal depois de desativar o modo escuro

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

    Parabéns rapaz! Muito bom o vídeo! Sucesso!

  • @Kevin-bg8dp
    @Kevin-bg8dp 3 หลายเดือนก่อน

    Muito obrigado pela aula!
    Será que você poderia ensinar a como fazer um local storage pra salvar o modo que o usuário escolheu quando sair do site ou algo assim? E que salve pra outros páginas tbm além da pagina principal.

    • @InteliogiaDev
      @InteliogiaDev  2 หลายเดือนก่อน +1

      Ideia muito massa meu mano! Muito obrigado msm, vou planejar pra fazer um vídeo sobre isso 😁

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

    Prof, apliquei esse projeto no meu portfólio mas assim que eu clico em um link ou recarrega a página ele volta pro light, gostaria de manter essa função habilitada quando houver um carregamento, alguma dica ?

  • @l2.marcelo
    @l2.marcelo ปีที่แล้ว

    mano muito bom, Parabéns!

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

    Ótimo vídeo, mas eu tenho uma dúvida... Caso eu queira colocar um ícone de sol e lua por exemplo. como faria isso?

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

    Demais!!! Obrigaadaaa!

  • @Marques-mh5dq
    @Marques-mh5dq 6 หลายเดือนก่อน

    Irmão, serve pra eu colocar em um projeto que já estou fazendo ou teria que ser de outra maneira?

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

    Cara minha tag do html fica vermelha como se tivesse algo errado e eu estou fazendo idêntico ao seu e a aonde fica escrito div fica vermelho tb. E por conta disso qnd abro no navegador o "modo dark e modo light" ficam do lado esquerdo da caixinha cinza ao invés de ficarem em cima!!! Me ajuda aí pfvr

  • @JoaoVictor-ih2qc
    @JoaoVictor-ih2qc 3 หลายเดือนก่อน

    meu projeto já está pronto eu queria só por o o modo escuro, porém com esse comando "display flex + flex direction" muda tudo do site
    ai não consigo colocar o h1 "modo dark e modo ligth" pra mudar a cor junto com o trilho, eu ainda estou começando tem como eu fazer isso?

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

    Bruno, eu gostaria que você criar-se uma playlist de javascript, por favor 🙏🏽

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

    MUITO BOM MESMO VALEU..

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

    apenas um dos melhores profs, tava querendo aprender isso, e eu tenho uma pergunta, é possível a gente trabalhar no front end só vendo esses tutoriais?

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

      Fala Tailan, cara primeiro muito obrigado! Meu objetivo é esse msm ajudar o máximo de pessoas possível.
      Sobre trabalhar só vendo esses tutoriais, é possível sim. Não há problema em a gente pesquisar tutoriais pra fazer certas coisas, até pq não dá pra saber tudo né kkkkkk agora é ideal que você aprenda front-end, que você domine as tecnologias que são utilizadas, como o HTML, CSS e JS. Aí você consegue estruturar projetos com mais facilidade e tutoriais não tem cronologia, organização e suporte de um curso entende?

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

    Muito bom! Só não tô entendendo porque não achei esse canal antes 😡.

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

      hahahahah o importante é que agora nos encontramos kkkkkkk 🧡🧡

  • @AlissonSilva-ce8eu
    @AlissonSilva-ce8eu ปีที่แล้ว

    Boa noite, muito bom os seus vídeos, teria como vc me tirar uma dúvida? Como deixar o modo dark entre paginas?

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

      Fala Alisson, cara nesse vídeo a ideia é só mostrar como criar a funcionalidade kkkk se quiser deixar outras páginas no modo dark já um pouco mais avançado

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

    O meu chegou na parte do javascript parou de funcionar

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

      Então vc fez algo errado, Gabriel. Compara o código do vídeo com o seu, as vezes é um erro bobo que passamos despercebidos kkkkk

    • @whosasz
      @whosasz 9 หลายเดือนก่อน +1

      o meu tambem parou, ja olhei o codigo varias vezes e ta exatamente igual, nao sei mais o que pode ter sido

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

    Estou pensando em fazer uma faculdade de programação para trabalhar com JavaScript, HTML, CSS, etc. Qual área seria a ideal?

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

      A bom notícia é que não é necessário uma faculdade pra dominar essas tecnologias. Vc precisa só comprar um bom curso e com muita dedicação você domina o HTML, CSS e JS rapidinho.
      Agora se você pretende ir além, talvez aprender outras linguagens voltadas pra software, você pode ver a possibilidade de fazer uma faculdade de engenharia de software, engenharia da computação ou algo mais simples como Análise e desenvolvimento de sistemas.
      Ou apenas adquirir o meu treinamento voltado para front-end kkkkkkkk

  • @Henrique-oi7kg
    @Henrique-oi7kg 4 หลายเดือนก่อน

    nao funcionou pra mim, ja li o codigo varias vezes e esta igual ao seu...

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

    demorou fazer hello bar html css javascript

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

    na parte do css no
    .trilho.dark .indicador{
    left;
    o meu não funcionou por ser um botão pequeno então coloquei um margin-left dai deu boa pra caso o de alguém não tenha dado certo ai
    excelente video manoo