Интерактивная веб-анимация
О чём курс
Вам нужно оживить пользовательский интерфейс или создать незабываемый UX-дизайн — здесь вы освоите полный стек технологий для создания интерактивных веб-анимаций. Курс переводит от простых CSS-переходов к сложной программной анимации с использованием SVG и JavaScript.
Внутри разбираются три ключевых пласта работы: создание динамики через ключевые кадры CSS, манипуляция SVG-графикой через атрибуты времени и событий, а также глубокое управление анимацией с помощью JS API и функций конструкторов. Вы получите 20 готовых анимационных проектов, которые можно адаптировать под свои задачи.
Курс подходит веб-разработчикам и UI/UX-дизайнерам, желающим внедрить интерактивные элементы в проекты. Финальный результат — навыки создания анимации любой сложности, от базовых переходов до интерактивных SVG-объектов с 3D-позиционированием.
Программа обучения
- История веб-анимации
- CSS-анимация
- Свойства анимации CSS
- Правило ключевого кадра CSS
- Переходы CSS
- SVG-анимация
- Элементы анимации SVG
- Атрибут для идентификации целевого элемента для анимации
- Атрибуты для управления временем анимации
- Атрибуты, определяющие значения анимации с течением времени
- Атрибуты, управляющие добавлением анимации
- Элементы, атрибуты и свойства SVG, которые можно анимировать
- Событие времени интерфейса
- Интерактивные функции в SVG
- Анимация JavaScript
- Метод getElementById ()
- Метод планирования звонков setinterval ()
- Метод addEventListener ()
- Методы getAttribute и setAttribute
- Работа со сложными SVG-атрибутами через регулярные выражения
- 3d positioning
- Функции конструкторов
- Создание примитивов SVG
- Создание массивов объектов, управление их свойствами
- Работа с масками и пути клипа
- API веб-анимации
- Сочетание анимационных приемов
Отзывов пока нет. Будьте первым!
Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.
Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.
Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».