« Предыдущая  |  Следующая »

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

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

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

Урок №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

Ссылки: (для качалок)

Общий размер публикации: 349,9 МБ

Еще Видео: (похожие ссылки)