Профессиональный навык

Использование анимации в интерфейсе

Подробное описание навыка

Описание навыка

Профессиональная задача:

Нужно применять CSS-, SVG- и JS-анимации для создания динамических визуальных эффектов и улучшения работы статичных интерфейсов.

Зачем нужен этот навык:

Современные браузеры дают богатые возможности для создания и управления анимациями и плавными переходами. С помощью анимаций можно «оживить» интерфейс, тем самым улучшив опыт взаимодействия с ним пользователя, а также повысить привлекательность сайтов с помощью визуальных эффектов: плавного скролла, параллакса, фейда и других. После освоения навыка вы сможете программировать сложные анимации в браузере.

Состав навыка

Подготовительный материал

Дополняет базовые знания, полученные в интерактивных курсах, всем необходимым для начала отработки кейсов.

Углублённая теория

Углублённая теория и методики общим объёмом 30-50 страниц.

Демонстрационные кейсы

Шесть демонстрационных кейсов, по два для каждого уровня сложности.

В каждом кейсе в качестве входных данных мы получаем вёрстку и скрипты страниц. Затем, используя предложенную методику, пошагово создаём анимации. На выходе получаем готовый работающий интерфейс. Все шаги детально описаны.

Пошаговые разборы кейсов

Один разбор для каждого демо-кейса.

Разборы кейсов выполнены в виде подробных текстовых демонстраций с поясняющими иллюстрациями и примерами кода.

Тренировочный материал

Кейсы с возрастающей сложностью и эталонными решениями, на которых вы и тренируете навык.

Шесть тренировочных кейсов, по два для каждого уровня сложности.

В качестве входных данных вы получаете вёрстку и скрипты страниц, на выходе должен получиться анимированный интерфейс.

Для тренировочных кейсов нет подробных разборов, но есть эталонное решение от авторов, которое можно сравнить со своим.

Открыть доступ к навыку

Экономия

Полный комплект по цене базового

Материалы в разработке. Релиз в 2021 году.

Базовый комплект

$37.99
  • Методика
  • 4 профессиональных кейса
  • Дополнительная теория

Полный комплект

$37.99
  • Методика
  • 12 профессиональных кейсов
  • Дополнительная теория

Нажимая «Оплатить», вы подтверждаете своё согласие с условиями Лицензионного договора.