Бегло ознакомился с материалом. В принципе, его достаточно много. Качество кода автора и актуальность информации пока оценивать не могу, так как недавно начал изучение веб-разработки, но информация для меня полезная. Слушать не скучно, и даже забавно (именно за это 4 звезды, а не 5). Поясню: курс на английском языке, но есть субтитры. Я плохо знаю английский, поэтому читаю субтитры и пытаюсь смотреть, что показывают — так не скучно. А забавно потому, что автор плохо владеет разговорным английским, и слушать такую речь странно, так как по имени и акценту понятно, что автор — русскоязычный человек. Когда буду компетентен оценивать качество самого материала, а не подачи, я обязательно напишу еще один отзыв.
Интерактивная веб-анимация
О чём курс
Вам нужно оживить пользовательский интерфейс или создать незабываемый 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 веб-анимации
- Сочетание анимационных приемов
Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.
Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо со ссылкой и инструкциями для доступа к материалам. Если ссылка не открывается, загляните в раздел «Помощь» или напишите в поддержку.
Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».