Создание простых вкладок (табов) на JS

Опубликовано: 20 Ноябрь 2024
на канале: MakeWeb.me

3,424

131

В этом видео показано, как создать простой компонент со вкладками (табами).

СОДЕРЖАНИЕ:
00:00 Введение. Как будет работать наш компонент табуляции (вкладок).
02:41 Разбор HTML и стилизуем компонент.
05:55 Скрываем все вкладки кроме одной через JS.
11:12 Фиксим визуальный баг с мерцанием.
13:23 Реализуем показ нужной вкладки через клик на закладку.
17:36 Заключение.

Исходный код из урока: https://github.com/makewebme/javascri...

⚛️⚛️⚛️
Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me.
Детали тут: https://makeweb.me/course-js-fullstac...
Телеграм для связи по курсу: @makewebchatme

🛍 🛍 🛍
Поддержи проект и получи скидку 5% на 1-ю оплату хостинга/домена Reg.ru.
Промо-код: 948E-53B9-CF98-8204 (вводится во время оплаты услуги).

💬 💬 💬
Присоединяйся к нашему Telegram-чату https://t.me/makewebme