Научитесь создавать и использовать интерактивные элементы интерфейса для сайта.

Программа курса:

Подготовительный урок
Знакомство с курсом. Настройка рабочего пространства.
Установка редактора кода
Установка векторного редактора

Урок №1. Вставка SVG на страницу. Размеры SVG
Способы встраивания SVG графики в html структуру. Манипулирование с размерами изображения.
В этом уроке вы узнаете: как создавать svg-изображение, как размещать на странице

Урок №2. Базовые фигуры SVG. Атрибуты и свойства
Создание базовый фигур. Работа с атрибутами и свойствами.
В этом уроке: вы познакомитесь с XML, научитесь редактировать svg прямо в html коде и познакомитесь с базовым синтаксисом.

Урок №3. Анимирование векторного изображения
Способы анимирования svg изображения, знакомство с библиотекой snap.js
В этом уроке вы узнаете: как анимировать векторное изображение с помощью css, js, SMIL.

Урок №4. SVG Preloader. Знакомство с библиотекой SVG.JS
Создаем свой собственный прелоадер с нуля.
В этом уроке вы узнаете: как сделать кастомный прелоадер для сайта.

Урок №5. SVG Фильтры
Фильтры svg и зачем их использовать.
В этом уроке вы узнаете: как пользоваться фильтрами svg и как их использовать на практике.

Информация о видео
Название: Курс по SVG-графике
Автор: Исламов Артём
Год выхода: 2018
Жанр: Видеокурс
Язык: Русский
Выпущено: Россия
Продолжительность: 1 час 30 минут

Файл
Формат: MP4
Видео: AVC, 1280x720/1920x1080, ~308 Kbps
Аудио: AAC, 137 Kbps, 48.0 KHz
Размер файла: 349 Mb