Продолжительность
1 ч 59 мин 45 сек
Количество уроков
23 Видео
Дата добавления
19.03.2021
Этот курс научит вас создавать анимацию в Интернете с помощью стандарта JavaScript API Web Animations W3C. Вы узнаете, как перенести то, что вы уже умеете делать в CSS, в JavaScript, а затем добавить дополнительные возможности, такие как приостановка и воспроизведение анимаций, запуск одной анимации на полпути к другой. Объединение различных анимаций вместе и синхронизация нескольких анимаций. Все, что вы просто не можете сделать в настоящее время с помощью одного лишь CSS.
Мы начнем с воссоздания некоторых базовых CSS-анимаций с помощью JavaScript Web Animations API, а затем, когда мы изучим основы, мы начнем вместе создавать наш проект - интерактивный набор последовательных анимаций.
К концу курса вы должны иметь твердое представление о том, как анимировать с помощью JavaScript Web Animations API.
Что будем строить
Мы будем создавать с нуля многоуровневую часть взаимодействия, используя только HTML, CSS и JavaScript, а не внешние библиотеки. Вместо CSS мы будем использовать JavaScript Web Animations API для обработки нашей анимации и узнаем обо всех дополнительных возможностях.
Попутно мы также рассмотрим, как настроить очень простой локальный сервер, который будет обновлять изменения в нашем коде в процессе работы.
Код можно бесплатно загрузить c GitHub и разбить на папки для каждого видео; каждый из них предоставляет код, оставленный в конце каждого видео.