Тёмный

Fiz um menu mobile responsivo só com HTML e CSS // E por que usar JavaScript é melhor 

Tiger Codes
Подписаться 32 тыс.
Просмотров 17 тыс.
50% 1

#html #css #javascript
Aprenda como criar um menu responsivo usando só HTML e CSS... e depois usando JavaScript também. 😏 É sério, é importante!
Dominar essas técnicas de criação de menu é uma arte. É muito difícil. Então, assista mais uma vez esse vídeo. Observe os detalhes. Os detalhes que eu passei para vocês é que farão a total diferença na sua trajetória como desenvolvedor. Não necessariamente as linhas do código, mas a forma que eu ajudei vocês a entender como pensar nas diferentes soluções de um problema, como se preocupar com a experiência do usuário de um computador ou de um celular e como deixar o site mais acessível.
🔗 Recursos
Código da aula github.com/tigercodes-io/mobi...
Plugin VS Code marketplace.visualstudio.com/...
Docs developer.mozilla.org/pt-BR/d...
📚 Capítulos
00:00 Introdução
00:43 Estrutura inicial
01:15 Estilização
04:39 Forma 1: checkbox
11:52 Resultado com checkbox
12:10 Forma 2: focus-within
13:09 Resultado com focus-within
13:32 Forma 3: JavaScript
20:23 Resultado com JavaScript
🐅 Seja um assinante Tiger Codes
Aprenda front end do zero em tigercodes.com.br/
Use o código RU-vid para 15% off no seu primeiro pagamento.
🌐 Redes Sociais
TikTok / tigercodes
Instagram / tiger_codes
Twitter / tiger_codes

Опубликовано:

 

17 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 67   
@TigerCodes
@TigerCodes Год назад
Dominar essas técnicas de criação de menu é uma arte. É muito difícil. Então, assista mais uma vez esse vídeo. Observe os detalhes. Os detalhes que eu passei para vocês é que farão a total diferença na sua trajetória como desenvolvedor. Não necessariamente as linhas do código, mas a forma que eu ajudei vocês a entender como pensar nas diferentes soluções de um problema, como se preocupar com a experiência do usuário de um computador ou de um celular e como deixar o site mais acessível.
@hugosantan4_
@hugosantan4_ Год назад
Valeu tigre dos códigos
@clemilsonchaves
@clemilsonchaves Год назад
Passei a semana toda procurando um tutorial de um menu responsivo, achei vários e o seu foi o mais fácil e top e funcional, show parabéns meu caro.👏🏾👏🏾👏🏾
@paulolemoss1
@paulolemoss1 Год назад
20 minutos de vídeo que mais parece 1h de conteúdo. Muito bom o vídeo. Parabéns!
@TigerCodes
@TigerCodes Год назад
Essa é a intenção 😉 muito obrigado, Paulo!
@CarlosDaniel-on8yl
@CarlosDaniel-on8yl Год назад
Isso sim que é uma explicação de qualidade! 👏😄
@TigerCodes
@TigerCodes Год назад
Fico feliz que você gostou ^^
@danielbressan93
@danielbressan93 Год назад
Esse cara explica muito bem
@oieusouacris1
@oieusouacris1 21 день назад
amei esse vídeo, bem intuitivo e esclarecedor!!!
@karter.design
@karter.design 6 месяцев назад
Sua didatica é incrivel, seu video me prendeu primeiro minuto! 👏👏👏👏
@reginaldobarrosdacunha7160
@reginaldobarrosdacunha7160 Год назад
Bom dia. Grata surpresa assistir a esse vídeo. Conteúdo excelente, além do mais, sua dicção é perfeita a clareza na fala e a pronúncia perfeita não deixam margem para dúvidas. Parabéns, ficarei esperando os próximos conteúdos. Com certeza conseguirá ajudar muitas pessoas a trilharem o caminho do desenvolvimento.
@TigerCodes
@TigerCodes 11 месяцев назад
Gratidão pelo seu comentário 🙏 Vídeo novo nesta segunda-feira!
@gabrielm.q6604
@gabrielm.q6604 Год назад
MDS que conteúdo perfeito, siga assim meu amigo adorei seu canal
@TigerCodes
@TigerCodes Год назад
Obrigado meu amigo! Volte sempre :)
@moisestaguchi7670
@moisestaguchi7670 Год назад
mlk se é FODAA kkkkk ja vi uns 20 videos de menu responsivo e a maioria só ensinava como fazer , sem nenhuma explicação, já no seu video aprendi demais com ele obrigadoo. Um novo inscrito para o canal ✌✌
@TigerCodes
@TigerCodes Год назад
Obrigado!!
@cortesverissimo
@cortesverissimo Год назад
Parabéns, me inscrevi no seu canal, você muito bom no que faz. E pelo o que eu vi se propôs ser bom em tudo que faz. Foda!
@TigerCodes
@TigerCodes Год назад
Grato pelo comentário!
@leandromore6680
@leandromore6680 Год назад
veio muito bom top eu estou assistindo e refazendo tudo o vscode dificil sim mais satisfatório
@PedroHenrique-je6yu
@PedroHenrique-je6yu Год назад
cara, tu é foda!!!! tua forma de ensinar é impecável, tá de parabéns, ótimo conteúdo. primeira vez te assistindo e com certeza já tem meu like nesse e nos próximos vídeos que eu assistir.
@TigerCodes
@TigerCodes Год назад
Valeu pelo feedback, Pedro 🐅
@everaldosoliveira3887
@everaldosoliveira3887 Год назад
Muito bom... Só a partir do áudio que estava muito rápido, tinha horas que embolava a voz, então ouvir no 0.75 a voz. Mas aprendi muito em 20 minutos.
@viniciusm.m.7822
@viniciusm.m.7822 Год назад
Top demais, mano! Obrigado por este excelente vídeo!!!! Ajuda MUITO! Keep it up! God bless!
@TigerCodes
@TigerCodes Год назад
Que bom que ajudou, Vinicius, eu quem agradeço. :)
@ajuliana.mp4
@ajuliana.mp4 Год назад
Você merece um beijo na bunda, o tanto que estava procurando por esse conteúdo que você não tem ideia!! O que mais me impressiona foi o fato do vídeo ter sido postado a nem um mês atrás e a pesquisa do google ter me recomendado o vídeo de um canal "pequeno", enfim, meus parabéns, mais uma inscrita.
@TigerCodes
@TigerCodes Год назад
A surpresa era parte dos planos 🤣 Obrigado, Juliana! :)
@allacarini
@allacarini Год назад
Obrigado. Produção do vídeo impecável. Parabéns!
@TigerCodes
@TigerCodes Год назад
Obrigado!
@douglasalan9952
@douglasalan9952 Год назад
Nossa, você de fato explica! Parabéns.
@TigerCodes
@TigerCodes Год назад
Obrigado pelo elogio, fico feliz que te ajudou 🐅
@viniciustmota14
@viniciustmota14 Год назад
Cara muito bom parabéns ganhou um inscrito
@TigerCodes
@TigerCodes Год назад
Obrigado!!
@camilocamilo2606
@camilocamilo2606 Год назад
Muito bom mano. Ganhou um inscrito!
@TigerCodes
@TigerCodes Год назад
Valeu, Camilo!
@marcospadilhapires6712
@marcospadilhapires6712 8 месяцев назад
Que explicação bem feita!
@TigerCodes
@TigerCodes 7 месяцев назад
Obrigado 😃
@Alexandrerpcapo8
@Alexandrerpcapo8 Год назад
Excelente explicação!!!
@TigerCodes
@TigerCodes Год назад
Obrigado 💙 Fico feliz que gostou
@davidedson2281
@davidedson2281 Год назад
Vídeo top D+++
@TigerCodes
@TigerCodes Год назад
Obrigado, David! Tem mais conteúdo vindo aí 🐯
@jonascostal.1688
@jonascostal.1688 Год назад
brabo do css
@tarcisiokelson8912
@tarcisiokelson8912 Год назад
Mano! grato pelos vídeos, vc tem o dom de ensinar. Onde compro o seu treinamento de Javascript? kkkk
@TigerCodes
@TigerCodes Год назад
Valeu, Tarcísio! 💙 No momento meu treinamento de front end foca em HTML e CSS pois foi desenvolvido para iniciantes, mas o de JavaScript já está nos planos! Esse é o link: tigercodes.com.br
@Brencey
@Brencey Год назад
Vídeo muito bom, é complicado de entender 29% por ter muito conteúdo, e por isso é bom.
@TigerCodes
@TigerCodes Год назад
Muito obrigado! Fiz questão de deixar o vídeo o mais completo possível, para eu poder recomendar esse vídeo quando um de meus alunos/inscritos estiver com dúvidas sobre como fazer menu
@renanluiz7643
@renanluiz7643 Год назад
Cara, com menos de 1/3 de vídeo assistido eu começo a rir de desespero por não acreditar que há alguém capaz de fazer um conteúdo tão bem feito, bem detalhado e bem explicado como esse. Muito bom mesmo! Obrigado por isso e parabéns!
@TigerCodes
@TigerCodes Год назад
Essa é a intenção, Renan. Que honra ler seu comentário!
@leandromore6680
@leandromore6680 Год назад
nao veio o cara e foda
@danthon1267
@danthon1267 Год назад
Tiger, to começando agora. E, mesmo que não seja tão importante, gosto de deixar o código "colorido" pra facilitar identificação... Pode mostrar como configurou seu vs code?
@TigerCodes
@TigerCodes Год назад
Só baixar um tema na aba extensões. O que eu uso se chama Dracula.
@Mrguaxinim
@Mrguaxinim Год назад
Gambiarra me quebrou cara 🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣
@TigerCodes
@TigerCodes 11 месяцев назад
Pois é 😅
@diegoscarpatti968
@diegoscarpatti968 Год назад
Cara eu vim daquele primeiro vídeo seu, o menu respondido com JS. Aí me surgiu uma dúvida, pq ao clicar no menu e descer a página ele fica fixo na página, teria como ao acionar o menu, junto da lista, ter um botão embaixo que feche o menu? Não sei se deu para entender kkk
@franciscorescue
@franciscorescue Год назад
Meu amigo Feliz ano novo eu quero saber se vc pode fazer um site witelabel curso a distancia ead com transmissão ao vivo? ou vc pode me indicar um web bom e profissa?
@TigerCodes
@TigerCodes Год назад
Indico o meu curso Front End para Iniciantes, é todo focado em web. Você pode se inscrever em tigercodes.com.br (tem cupom de desconto na descrição para quem vem do RU-vid)
@alfredonovela8032
@alfredonovela8032 Год назад
ótima didátic, sou moçambicano como faço para ter acesso aos seu curso? na forma de pagamento, só vê para território brasileiro como posso ter acesso ao curso?
@TigerCodes
@TigerCodes 11 месяцев назад
Olá, é possível pagar com cartões de crédito internacionais ou usar PayPal
@EstudeConsciente
@EstudeConsciente Год назад
ola gostei da aula, mais um inscrito. porem meu menu mobile nao fecha ao clicar.
@TigerCodes
@TigerCodes Год назад
Opa Diego, tanta comparar seu código com o código da aula, tem um link na descrição você baixa ele lá e vê tudo certinho
@trevorjones8332
@trevorjones8332 6 месяцев назад
Eu to com dificuldade tremenda pra aprender JavaScript
@IcaroofGod
@IcaroofGod Год назад
Boa tarde. Tenho feito conforme orientação do vídeo, porém ocorre o bubbling da mesma forma 😢
@TigerCodes
@TigerCodes 11 месяцев назад
Conseguiu resolver?
@IcaroofGod
@IcaroofGod 11 месяцев назад
@@TigerCodes consegui. Na verdade eu pesquisei bastante e descobri que eu precisava acrescentar '&& ifcancelable' pois o JavaScript não aceita o cancelamento para esse evento. Quando eu adicionei aquilo, passou a funcionar perfeitamente
@joelberthsena
@joelberthsena Год назад
o projeto Github não esta funcionando não. Coloque aqui o link correto.
@TigerCodes
@TigerCodes Год назад
Agora sim, arrumei. Estava privado mas deixei público. Obrigado por avisar!!
@joelberthsena
@joelberthsena Год назад
@@TigerCodes vlw, thanks!
@marcosvinicios282
@marcosvinicios282 8 месяцев назад
se vale a pena ???? vale sim
Далее
Menu Mobile - HTML, CSS e JavaScript
33:13
Просмотров 176 тыс.
СЕРГЕИЧ ОПОЗДАЛ #большоешоу
00:58
Criar um menu Dropdown com HTML e CSS
11:24
Просмотров 17 тыс.
HTML, CSS, and Javascript in 30 minutes
31:49
Просмотров 544 тыс.
Como criar um Menu Transparente com Efeito de Rolagem
26:35
СЕРГЕИЧ ОПОЗДАЛ #большоешоу
00:58