Вы научитесь анимировать векторные изображения с помощью CSS,
SMIL и JavaScript. Также освоите популярные библиотеки для создания анимаций: KUTE.js, Anime.js, Snap.svg
и GSAP.
Необходимые знания: основы HTML, CSS и JavaScript
Гибкие сроки: начинайте прямо сейчас и учитесь в комфортном режиме.
Кастомный курсор
Анимация с SVG-масками
Анимация текста и бургер-меню
Индикаторы загрузки
Морфинг форм и иконок
Анимация графиков и диаграмм
Программа построена так, чтобы вы постепенно углубляли знания. Сначала изучите простые анимации с transform, затем постепенно перейдёте к анимированию контуров, кривых, масок, графиков и обводки.
Курс состоит из статей, пошаговых демонстраций, заданий и тестов. Для каждого задания авторы подготовили пример решения.
Раздел 1
Раздел 2
Раздел 3
Раздел 4
Раздел 5
Раздел 6
Раздел 7
Вы можете приобрести набор курсов по выгодной цене.
Навыки
на курсах, входящих в пакет, объединены общей тематикой.
Полезные статьи о создании SVG-анимаций, работе с CSS-свойствами или использовании JavaScript для создания эффектов.
Пошаговые примеры создания анимации — показывают, как правильно писать код, и учат применять теорию на практике.
Задания по анимации элементов вёрстки — учат решать задачи, похожие на те, что встречаются в реальной работе.
Готовые решения заданий — подскажут, как решить задачу, если у вас что-то не получится.
Вопросы по статьям раздела — помогают проверить, всё ли вы запомнили. Если что-то не получилось, можно посмотреть ответы и пройти тест заново.
В конце курса вы получите сертификат о том, что прошли обучение в HTML Academy.
Интерактивные тренажёры с теорией, заданиями и испытаниями — учат работать с SVG-элементами и рисовать простые векторные изображения.
Вы можете приобрести набор курсов по выгодной цене.
Навыки
на курсах, входящих в пакет, объединены общей тематикой.
Сделано для разработчиков, у которых мало времени на обучение. Вы сможете совмещать работу с учёбой.
Курс составлен по специальной методике. Вы изучаете теорию, смотрите, как применить её на реальных задачах, и выполняете похожее задание, чтобы закрепить навык.
Комьюнити каждого курса — это авторы, опытные разработчики
и студенты, прошедшие или проходящие этот курс.
Комьюнити не только помогает в освоении материала,
но и постоянно делает курс лучше.
Мы провели исследование вакансий и проверили, каких навыков ждут работодатели
от фронтендеров с разным опытом работы. Результаты перенесли на карту компетенций.
Как видно
по карте, навык создания SVG-анимаций пригодится мидлам и сеньорам.
Хотите освоить конкретный навык, но не знаете как
Не хотите тратить время на поиск актуальной информации по теме
Вам нужна методика обучения и только необходимая информация
Хотите убедиться, что полученные знания усвоились на практике
11 лет выстраиваем связь с рынком коммерческой разработки. Обучаем
начинающих разработчиков и видим, как они становятся опытными специалистами.
Перед запуском курса убеждаемся, что он даёт востребованный
профессиональный навык.
Общаемся с сообществом веб-разработчиков и поэтому понимаем, как нужно
учить. Максимально сокращаем время от изучения теории до решения типовых задач.
