Como fazer abas interativas (TABS) | HTML, CSS e JavaScript
ฝัง
- เผยแพร่เมื่อ 21 ม.ค. 2024
- Olá, pessoal!
Nesse vídeo, vou mostrar para você a criação de um componente de abas (TABS) utilizando HTML, CSS e JavaScript. Durante o vídeo, vamos conhecer diversos conceitos fundamentais de JavaScript, tais como funções de clique, forEach, e muito mais. Além disso, no CSS, conheceremos vários conceitos de flexbox para dar vida e estilo ao nosso projeto.
Repositório com o código:
github.com/Larissakich/tabs
Redes sociais:
LinkedIn: / larissakich
Instagram: @lariikich
E-mail:
larissakich04@gmail.com
Tema do VSCode:
Omni Owl - วิทยาศาสตร์และเทคโนโลยี
Parabéns professora pelos tutoriais de primeira qualidade, nos ajuda de mais, tudo é top, o conteúdo e sua didática, muito bem explicado, nós agradecemos muito. Pedimos que sempre nos ajude, pois para nós iniciantes é muito complexo o mundo da programação. Muito obrigado mesmo.
Obrigada, amei seu canal ❤❤❤
Parabéns, vídeo muito didático sem enrolação. Obrigado
Show de mais, gostei da didática. Cai nesse vídeo por um acaso kkk e acaba de ganhar mais um inscrito, parabéns pelos conteúdos!
bacana demais !! era o que eu estava precisando para exibir dados de uma forma diferente obrigado Larissa!
Obrigado por compartilhar teu conhecimento. Ficou incrível.
Eu quem agradeço 😊
Adorei o vídeo!
Fico feliz que tenha gostado 😊
Ficou muito lindo! Parabéns pelo trabalho
Muito obrigada ❤️
Obrigado por nos inspirar a trazer excelentes projetos
Eu quem agradeço 😊
Parabéns pelo video ! bem rapido e bem explicado
Muito obrigada! 😁
Muito Bom
Aula ótima, explicação excepcional. Parabéns!!
Muito obrigada ☺️
Explicação Otima, Projeto simples e muito lindo❤ Me ajudou Muito
Muito obrigada, fico feliz em ajudar ☺️
amo seu canal!!
Hehe muito obrigada 😊
obrigado pelas aulas e pela inspiração
Muito obrigada 😊
Muito o conteúdo, ajudou bastante
Muito obrigada, fico feliz em ajudar ☺️
Perfeito
Muito obrigada ☺️
ótimo vídeo !
Muito obrigada 😊
achei difícil, vou estudar mais e depois voltar aqui
Incrível vídeo, estou quase gabaritando o seu canal. Pretende fazer algum vídeo sobre landing page? Ensinando algumas coisas legais, tipo as animações que tem em alguns sites
Oii, hehe muito obrigada! Já estou terminado de editar um vídeo sobre landing page com animações, acredito que semana que vem ou na outra eu já consiga postar 😊
Se eu quiser adicionar outra tabs dentro dessa, onde deveria inserir o comando do código?
10:21
Muito bom mesmo, disso o mais complicado é o javascript kkk
Muito obrigada ☺️ js é um pouco complicado mesmo
Bom video
mas não consegui fazer até compie o codico mais nõa rodou bom😵💫
estou começando e tentando treinar
maravilhosa as tuas explicações, e eu só tenho uma pergunta, kkkkkkkkkk esse * é o nomal? nos teus videos ele fica mais pra cima, mas no meu vs cod ele fica centralizado e queria saber se tem alguma diferença
Oii, muito obrigada! É o normal sim, deve ser a fonte do vscode que muda
@@larissakich quando uso o *{} pra zerar algumas funções como vc faz, no meu na faz nada, tanto é que os atributos ficam branco, ja quando adiciono no "body{}" funciona corretamente e fica colorido os atributos, tem que configurar?
Pior que eu não sei te responder, porque nunca precisei fazer nada, uso normalmente, mas pode deixar no body mesmo