Тёмный

Como fazer um Accordion interativo | HTML, CSS e JavaScript 

Larissa Kich
Подписаться 20 тыс.
Просмотров 2,2 тыс.
50% 1
ВидеоПоделитьсяСкачатьДобавить в

Olá, pessoal!
Nesse vídeo, vou mostrar para você a criação de um componente de accordion 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.
Repositório com o código:
github.com/Larissakich/accordion
Redes sociais:
LinkedIn: / larissakich
Instagram: @lariikich
E-mail:
larissakich04@gmail.com
Tema do VSCode:
Omni Owl

Наука

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

 

28 янв 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
@iremarpereiradasilva2250
@iremarpereiradasilva2250 Месяц назад
Larissa parabéns pelos seus tutoriais, você é top, principalmente na sua didática, pois é muito bem explicado. Muito obrigado por nos ajudar nesta carreira tão complexa, que é a da programação. Valeu mesmo.
@josimarmiranda9722
@josimarmiranda9722 4 месяца назад
Já tinha assistido outra aula sobre accordion, mas a sua ficou bem mais prática. Direto ao ponto.
@PauloSantos-yc2fx
@PauloSantos-yc2fx 3 месяца назад
To adorando que to descubrindo a função de recursos do css que eu achava wue nao funcionavam😂
@jairolima959
@jairolima959 3 месяца назад
a sua aula é muito superior a que vi, mesmo sendo de um canal bem grande, ja que estava procurando tutoriais onde eu poderia após clicar, minimizar clicando novamentte, onde o seu explica perfeitamente sobre, muito obrigado
@Paulotkym
@Paulotkym 4 месяца назад
Larissa, tudo bem? Você tem o dom para ensinar! Assisti aulas de cursos pagos e não era tão didático quanto ao seu vídeo! 👏👏👏
@diesnei8067
@diesnei8067 4 месяца назад
Ficou excelente! Simples e funcional, parabéns!
@angelosilvano1100
@angelosilvano1100 4 месяца назад
gostei demais, ficou excelente
@olgakich
@olgakich 4 месяца назад
Parabéns
@AndreOliveira-rn5dx
@AndreOliveira-rn5dx 3 месяца назад
Parabéns!!!
@wallacesilva6087
@wallacesilva6087 4 месяца назад
Muito bom 🚀
@CFALJokeer
@CFALJokeer Месяц назад
Como faz para colocar essa funcionalidade dentro de um site wordpress/elementor?
@angelosilvano1100
@angelosilvano1100 4 месяца назад
muito bom
@eduardosilveira4075
@eduardosilveira4075 Месяц назад
Curti bastante o vídeo. Tentei fazer em casa e funcionou perfeitamente. Mas quando fui refazer no site da empresa, não funcionou. 😢
@larissakich
@larissakich Месяц назад
Oii, talvez seja alguma importação ou biblioteca que tenha no site de vocês que cause conflito, da uma olhadinha nas importações
@higormartinsb
@higormartinsb 3 месяца назад
Você trabalha na área ? Ou só ensina mesmo ?
Далее
Como fazer abas interativas (TABS) | HTML, CSS e JavaScript
20:35
Como fazer abas interativas (TABS) | HTML, CSS e JavaScript
Просмотров 3,9 тыс.
Como fazer um MENU LATERAL responsivo (SIDEBAR) | HTML, CSS e JavaScript
26:28
Como fazer um MENU LATERAL responsivo (SIDEBAR) | HTML, CSS e JavaScript
Просмотров 9 тыс.
ВСЕ СКИНЫ от ХУДШЕГО к ЛУЧШЕМУ! ❌✅ Топ Скинов на Персонажей в Бравл Старс
1:24:51
ВСЕ СКИНЫ от ХУДШЕГО к ЛУЧШЕМУ! ❌✅ Топ Скинов на Персонажей в Бравл Старс
Просмотров 374 тыс.
Легендарные сосиски в тесте! А какой рецепт вы запомнили на моём канале?) #shorts
00:47
Легендарные сосиски в тесте! А какой рецепт вы запомнили на моём канале?) #shorts
Просмотров 772 тыс.
ЗАКРЫЛИ СРАЗУ 3 МАГАЗИНА! РАЗЪЯСНИЛ ПОЛИЦИИ ПО ЗАКОНУ! ПРОДАВЕЦ УВОЛИЛАСЬ ВО ВРЕМЯ РЕЙДА И УШЛА!
36:31
ЗАКРЫЛИ СРАЗУ 3 МАГАЗИНА! РАЗЪЯСНИЛ ПОЛИЦИИ ПО ЗАКОНУ! ПРОДАВЕЦ УВОЛИЛАСЬ ВО ВРЕМЯ РЕЙДА И УШЛА!
Просмотров 843 тыс.
Что за бренд? Supertype
01:00
Что за бренд? Supertype
Просмотров 221 тыс.
Como fazer uma calculadora de IMC RESPONSIVA com HTML, CSS e JavaScript
29:27
Como fazer uma calculadora de IMC RESPONSIVA com HTML, CSS e JavaScript
Просмотров 30 тыс.
10 Tailwind Classes I Wish I Knew Earlier
13:31
10 Tailwind Classes I Wish I Knew Earlier
Просмотров 156 тыс.
Carrossel de Natal com HTML, CSS e JavaScript (JS)
27:29
Carrossel de Natal com HTML, CSS e JavaScript (JS)
Просмотров 4,4 тыс.
How To Make Circular Progress Bar Using HTML CSS JavaScript | Neomorphism Progress Bar
19:08
How To Make Circular Progress Bar Using HTML CSS JavaScript | Neomorphism Progress Bar
Просмотров 304 тыс.
Using CSS custom properties like this is a waste
16:12
Using CSS custom properties like this is a waste
Просмотров 156 тыс.
Como fazer um GERADOR DE SENHA aleatória | HTML, CSS e JavaScript
49:05
Como fazer um GERADOR DE SENHA aleatória | HTML, CSS e JavaScript
Просмотров 2,2 тыс.
How to create Responsive Accordion in HTML CSS & JavaScript
18:38
How to create Responsive Accordion in HTML CSS & JavaScript
Просмотров 28 тыс.
How To Make Accordion Design Using HTML And CSS Step By Step
11:39
How To Make Accordion Design Using HTML And CSS Step By Step
Просмотров 66 тыс.
Making Tmux Better AND Beautiful -- here’s how
10:56
Making Tmux Better AND Beautiful -- here’s how
Просмотров 52 тыс.
FAQ accordion using HTML, CSS, JavaScript
7:00
FAQ accordion using HTML, CSS, JavaScript
Просмотров 80 тыс.
What’s your charging level??
0:14
What’s your charging level??
Просмотров 7 млн
Гайд по ремонту ноутбуков #1 | Обзор мастерской | С чего начать ремонт плат? РЕМОНТ КАПСУЛ ВРЕМЕНИ!
46:02
Гайд по ремонту ноутбуков #1 | Обзор мастерской | С чего начать ремонт плат? РЕМОНТ КАПСУЛ ВРЕМЕНИ!
Просмотров 97 тыс.
Good Tool Cutting And Recycling Circuit Board Easily- Wisdom Tips Machine Easy Easyway Easywork !
0:15
Good Tool Cutting And Recycling Circuit Board Easily- Wisdom Tips Machine Easy Easyway Easywork !
Просмотров 31 млн
Samsung S24 Ultra remote control pen takes pictures, who says it can only write notes!
0:14
Samsung S24 Ultra remote control pen takes pictures, who says it can only write notes!
Просмотров 7 млн
Гаджет для взлома ЛЮБОГО СМАРТФОНА. Мобильный криминалист и UFED
54:37
Гаджет для взлома ЛЮБОГО СМАРТФОНА. Мобильный криминалист и UFED
Просмотров 54 тыс.
Новый формат оперативной памяти 📇 #озу #ddr5 #expressly
0:25
Новый формат оперативной памяти 📇 #озу #ddr5 #expressly
Просмотров 204 тыс.
Добавления ключа в домофон ДомРу
0:18
Добавления ключа в домофон ДомРу
Просмотров 15 млн