Belli
Назад Психология Эзотерика Здоровье Бизнес Фото Видео Иностранные языки Имидж и стиль Дизайн Хобби и рукоделие Администрирование Программирование SMM Отношения Дети и родители Школа и репетиторство Seo Форекс и инвестиции Отдых и путешествия Музыка Сад и огород Бухгалтерия и финансы Другие тематики Темы и шаблоны Авто-мото Строительство и ремонт Курсы Авторы
Корзина

[Glo Academy] Курс по SVG-графике, 2019 (Артём Исламов)

[Glo Academy] Курс по SVG-графике, 2019 (Артём Исламов)
[Glo Academy] Курс по SVG-графике, 2019 (Артём Исламов)
В наличии
1600 RUB

О товаре

Чему научитесь?
Если в двух слова, то на этом курсе научитесь создавать и использовать интерактивные элементы интерфейса для сайта.
Сможете анимировать векторные изображения, создавать базовые фигуры и делать прелоадеры.
Программа курса:
Подготовительный урок

Знакомство с курсом. Настройка рабочего пространства.
  1. Установка редактора кода
  2. Установка векторного редактора
Урок №1. Вставка SVG на страницу. Размеры SVG
Способы встраивания SVG графики в html структуру. Манипулирование с размерами изображения.
В этом уроке вы узнаете: как создавать svg-изображение, как размещать на странице
  1. Создаем и сохраняем svg для веба.
  2. Способы вставки SVG-изображения
    1. Через тег
    2. Как background-image
    3. Через тег
    4. Через тег
    5. Работа с SVG-документов
      1. width, height
      2. viewBox
      3. preserveAspectRatio
    6. Урок №2. Базовые фигуры SVG. Атрибуты и свойства
      Создание базовый фигур. Работа с атрибутами и свойствами.
      В этом уроке: вы познакомитесь с XML, научитесь редактировать svg прямо в html коде и познакомитесь с базовым синтаксисом.
      1. Настраиваем рабочее пространство
      2. Переходим к практике:
      3. + подключение внешнего файла стилей
      4. path
      Урок №3. Анимирование векторного изображения
      Способы анимирования svg изображения, знакомство с библиотекой snap.js
      В этом уроке вы узнаете: как анимировать векторное изображение с помощью css, js, SMIL.
      1. CSS анимирование
      2. SMIL
      3. JS (Snap.js)
      Урок №4. SVG Preloader. Знакомство с библиотекой SVG.JS
      Создаем свой собственный прелоадер с нуля.
      В этом уроке вы узнаете: как сделать кастомный прелоадер для сайта.
      1. Создаем SVG-изображение
      2. Вставляем на страницу.
      3. Подключаем библиотеку SVG.js
      4. Анимируем, используя библиотеку SVG.js
      Урок №5. SVG Фильтры
      Фильтры svg и зачем их использовать.
      В этом уроке вы узнаете: как пользоваться фильтрами svg и как их использовать на практике.
      1. Поддержка браузерами
      2. Фильтр цветовой матрицы. Меняем цвет карточки товара.
      3. Фильтр размытия. Создаем элемент с частичным размытием
      4. Смешивание фильтров. Создание элемента интерфейса - меню.

      Отзывы покупателей



      Кликните на изображение чтобы обновить код, если он неразборчив

      Рейтинг

      0
      Голосов: 0
      5
      Голосов: 0
      4
      Голосов: 0
      3
      Голосов: 0
      2
      Голосов: 0
      1
      Голосов: 0

      Еще курсы от Glo Academy, Артём Исламов

      [Glo Academy] WordPress разработчик (Артём Исламов)
      Освоите последнюю версию WordPress, научитесь разрабатывать свои темы и сможете брать более дорогие и интересные заказы Курс для тех, кто уже знает HTML и CSS и может выполнять простые проекты. Для того, чтобы такие разработчики смогли освоить новый инструмент, выйти на интересные заказы и
      1695 RUB
      [Академия верстки] Онлайн-курс РНР разработка (Артем Исламов)
      КУРС 2018 года. 4 недели Длится обучениена нашем курсес учетом дипломной недели 30+ уроков Удобный формат обучения 40+ домашек Для домашнего выполнения +4 проекта в портфолио -сайт-портфолио -интернет-магазин(Yii2) -блог на Laravel -интернет-магазин на чистом PHP или на любом из его фреймворков А
      1680 RUB
      [Академия верстки] WebStart 2020. Тариф Все сам  (Артем Исламов)
      Для кого подойдет курс WEB START Курс рассчитан на людей только входящих в профессию или решивших освоить что-то новое. Специфических знаний не потребуется, но будет проще, если перед курсом ты посетишь наши подготовительные мероприятия. Программа курса WEB START: Модуль №1 - Погружение в тему.
      1680 RUB
      [Glo Academy] Админка на Vue.js + php (Артем Исламов)
      Попрактикуетесь в PHP и Vue.js и напишете свою админку для лендингов, которую можно продавать заказчикам. Модуль 1. Подготовка к работе. Важно изучить этот модуль, чтобы понимать, какие виды админ-панелей существуют и почему нужно сделать свою: сколько денег это принесет и какие преимущества перед
      1080 RUB
      Интернет-магазин на WordPress + WooCommerce (Артем Исламов)
      ​ Программа курса: Модуль #1 Знакомство с WordPress Установка и настройка Wordpress на локальном сервере Знакомство с устройством админки Wordpress: Записи, категории, теги, таксономии Страницы и виды шаблонов страниц Установка тем из админки Поиск и установка плагинов Настройка отображения сайта
      1065 RUB
      [Glo Academy] Практический курс по Yii2 (Артём Исламов)
      Вы получите видеозаписи 9 уроков, а также самый популярный PHP-фреймворк. Описание Выбрать данный курс можно по следующим преимуществам: - Второй по популярности PHP-фреймворк на Stackoverflow и GitHub; - 35% работодателей указывают Yii2 как обязательную технологию на позиции PHP-разработчика; -
      1035 RUB