Бесконечный слайдер на JavaScript. Создание на лету, плавное изменение ширины слайда, request frame

🔥 Ccылка на курс: https://itgid.info/ru/course/js20
🫶 Поблагодарить автора - монобанк:
5375414126666006
Лущенко О

Получить курс в кабинете: https://cabinet.itgid.info/
Вопрос автору: https://t.me/itgid_info

Курсы автора:
HTML : https://itgid.info/ru/course/html
JavaScript 2.0: https://itgid.info/ru/course/js20
ReactJS: https://itgid.info/ru/course/reactjs
Интернет магазин: https://itgid.info/ru/course/nodeshop

Канал ru:    / itgid  
Канал UA:    / @itgidua-web7836  

Создаем бесконечный слайдер на JavaScript с листанием слайдов в двух направлениях. Создание слайдов на лету. Нативный JavaScript. Применяем request frame animation для плавного изменения ширины слайдов и анимации. Видеоурок, код и подробный разбор.

00:00 Обзор слайдера и его возможностей
02:30 Создаем структуру проекта
03:00 Создаем верстку HTML бесконечного слайдера
04:15 Создаем базовый CSS файл слайдера
08:00 Создаем слайдер в JavaScript
09:10 Генерируем изображения слайдера
14:45 Добавляем расчет ширины элементов слайдера
19:25 Пишем функцию движения слайдов для кнопки NextSlider
24:30 Пишем код для кнопки PrevSlider - движение в обратном направлении
28:40 Создаем анимацию изменения ширины через requestFrameAnimation
42:00 Исправляем баг нескольких нажатий кнопки слайдера подряд
44:50 Скрываем края слайдера

ItGid.info - Курсы Александра Лущенко.