Как сделать анимированные табы на JS

В данном видео мы создадим стильные табы на JS. Сделаем их на чистом JS и CSS, без использования библиотек. В процессе вы поймете как сделать табы, сможете стилизовать их под свои требования. Также я добавил в код CSS-переменную, которая содержит количество табов. Эта переменная меняется динамически благодаря скрипту. И если в дальнейшем вы добавите новые табы, но вам не придется делать изменения в коде. –––––––––––––––––––––––––––––– Ссылки: Исходники на github.com Для начала работы: https://github.com/toni-wheel/basic-project Готовый проект из видео: https://github.com/toni-wheel/youtube-tabs Шрифтовые иконки: https://fontawesome.com/ Генератор теней: https://active-vision.ru/icon/box-shadow/ –––––––––––––––––––––––––––––– Таймкоды из видео: 0:00 - Что такое табы 0:44 - Демонстрация работы табов 1:10 - Разметка HTML для табов 8:32 - Стилизация CSS для табов 20:32 - Скрипт JS для табов 36:10 - Учим самостоятельно считать табы 40:30 - Небольшая правка по коду 41:58 - Завершение –––––––––––––––––––––––––––––– Лучшая ваша поддержка - лайк под этим видео! Советую посетить мой сайт codelab.pro, там вы найдете много интересных уроков по программированию. Я выполняю заказы по верстке сайтов и написанию скриптов на JS. Пишите admin@codelab.pro