на курсі ви навчитеся працювати з векторною графікою і застосовувати JavaScript-бібліотеки для її анімування.Покращуйте UI/UX вашого проекту за допомогою анімацій, які справлять враження на користувача.
Необхідні знання: базовий JavaScript.
Гнучкі терміни: починайте прямо зараз і рухайтеся в комфортному режимі.
Курс допоможе вам отримати затребуваний навик і підвищити свою цінність на ринку
Завдання курсу-розкрити весь потенціал векторної графіки і її гнучкість. Від простої анімації CSS з трансформацією до анімації контурів, кривих, масок, графіків та обведення.
SVG-анімації на карті компетенцій
фронтенд-розробника
Згідно з нашою картою компетенцій, впевнена робота з SVG-анімаціями-важливий навик для розробників з досвідом від 1-го до 3-х років.
типові завдання, які ви навчитеся вирішувати на курсі:
Підготовка SVG до підключення в сторінку
Анімація частин SVG-іконки
Оптимізація анімації векторної графіки
Створення бургер-меню
Створення прелоадерів
Морфінг форм
Анімація із застосуванням SVG-масок
Створення анімованих діаграм
Застосування бібліотек для створення анімацій
Розділ 1
введення
Розділ 2
Анімація SVG за допомогою CSS
РОЗДІЛ 3
Анімація SVG за допомогою SMIL
Розділ 4
Анімація SVG за допомогою JS
Розділ 5
Підготовка SVG до анімування. Продуктивність анімації
Розділ 6
додаткові можливості SVG
Розділ 7
висновок
введення
Розділ 2
Анімація SVG за допомогою CSS
РОЗДІЛ 3
Анімація SVG за допомогою SMIL
Розділ 4
Анімація SVG за допомогою JS
Розділ 5
Підготовка SVG до анімування. Продуктивність анімації
Розділ 6
додаткові можливості SVG
Розділ 7
висновок
https://privatelink.de/?https://levelup.htmlacademy.ru/animation-svg