Como fazer abas interativas (TABS) | HTML, CSS e JavaScript

Подписаться 20 тыс.

Просмотров 4,1 тыс.

50% 1

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

Наука

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

21 янв 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 39

@iremarpereiradasilva2250 Месяц назад

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.

@DiogOD2r 12 дней назад

bacana demais !! era o que eu estava precisando para exibir dados de uma forma diferente obrigado Larissa!

@victor.san3 29 дней назад

Parabéns, vídeo muito didático sem enrolação. Obrigado

@dmuller3147 4 месяца назад

Obrigado por compartilhar teu conhecimento. Ficou incrível.

@larissakich 4 месяца назад

Eu quem agradeço 😊

@rhuanribeiro5428 4 месяца назад

Obrigado por nos inspirar a trazer excelentes projetos

@larissakich 4 месяца назад

Eu quem agradeço 😊

@misaelsapiente4124 4 месяца назад

Parabéns pelo video ! bem rapido e bem explicado

@larissakich 4 месяца назад

Muito obrigada! 😁

@davidcorreia7724 4 месяца назад

Muito o conteúdo, ajudou bastante

@larissakich 4 месяца назад

Muito obrigada, fico feliz em ajudar ☺️

@phmascarado9596 4 месяца назад

obrigado pelas aulas e pela inspiração

@larissakich 4 месяца назад

Muito obrigada 😊

@diesnei8067 4 месяца назад

Ficou muito lindo! Parabéns pelo trabalho

@larissakich 4 месяца назад

Muito obrigada ❤️

@PauloSantos-yc2fx 4 месяца назад

Adorei o vídeo!

@larissakich 4 месяца назад

Fico feliz que tenha gostado 😊

@juanribas876 2 месяца назад

Muito Bom

@0202Joe 4 месяца назад

amo seu canal!!

@larissakich 4 месяца назад

Hehe muito obrigada 😊

@joaovitorrodrigues6501 4 месяца назад

Aula ótima, explicação excepcional. Parabéns!!

@larissakich 4 месяца назад

Muito obrigada ☺️

@Jhong205 4 месяца назад

Explicação Otima, Projeto simples e muito lindo❤ Me ajudou Muito

@larissakich 4 месяца назад

Muito obrigada, fico feliz em ajudar ☺️

@meninodastranca4653 4 месяца назад

ótimo vídeo !

@larissakich 4 месяца назад

Muito obrigada 😊

@nihnandra 4 месяца назад

Perfeito

@larissakich 4 месяца назад

Muito obrigada ☺️

@gaburiru8009 4 месяца назад

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

@larissakich 4 месяца назад

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 😊

@higormartinsb 4 месяца назад

Muito bom mesmo, disso o mais complicado é o javascript kkk

@larissakich 3 месяца назад

Muito obrigada ☺️ js é um pouco complicado mesmo

@Elinnaldo 3 месяца назад

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

@larissakich 3 месяца назад

Oii, muito obrigada! É o normal sim, deve ser a fonte do vscode que muda

@Elinnaldo 3 месяца назад

@@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?

@larissakich 3 месяца назад

Pior que eu não sei te responder, porque nunca precisei fazer nada, uso normalmente, mas pode deixar no body mesmo