Подготовительный курс профессии «Frontend-разработчик» - 990 руб.
Подготовительный курс профессии «Java-разработчик» - 990 руб.
Подготовительный курс профессии «Python-разработчик» - 990 руб.
–––––––––––––––––––––––––––––– Наш сайт:
Группа в Telegram:
–––––––––––––––––––––––––––––– Кратко, о чем это видео В данном видео мы создадим стильные табы на JS. Сделаем их на чистом JS и CSS, без использования библиотек. В процессе вы поймете как сделать табы, сможете стилизовать их под свои требования. Также я добавил в код CSS-переменную, которая содержит количество табов. Эта переменная меняется динамически благодаря скрипту. И если в дальнейшем вы добавите новые табы, но вам не придется делать изменения в коде. –––––––––––––––––––––––––––––– Полезные ссылки Готовый код из видео
Стартовый проект
Шрифтовые иконки
Генератор теней
–––––––––––––––––––––––––––––– Таймкоды из видео 0:00 Что такое табы 0:44 Демонстрация работы табов 1:10 Разметка HTML для табов 8:32 Стилизация CSS для табов 20:32 Скрипт JS для табов 36:10 Учим самостоятельно считать табы 40:30 Небольшая правка по коду 41:58 Завершение
