Марафон SVG для веб-сайтов

44 участника

О чём курс

Вам нужно интегрировать векторную графику в верстку так, чтобы она оставалась четкой на любых экранах и не перегружала скорость загрузки страницы. Внутри разбирают технические аспекты работы с форматом SVG: от создания геометрии в редакторах до оптимизации и автоматизации иконок. Вы разберетесь в том, как работают координаты, системы трансформаций и как превращать сложные path в легкий код. Итогом станет понимание всех способов вставки SVG на сайт, включая работу со спрайтами и анимацию элементов.

Программа обучения

  • Урок 1: Основные понятия и чтение SVG в популярных графических редакторах
  • Урок 2: Создание основных геометрических фигур
  • Урок 3: Создание сложных фигур
  • Урок 4: Методы отображения SVG на сайте
  • Урок 5: SVG заливка и обводка
  • Урок 6: SVG градиенты
  • Урок 7: Размеры в SVG
  • Урок 8: Координаты SVG
  • Урок 9: Трансформации объектов
  • Урок 10: Работа с path
  • Урок 11: SVG паттерны
  • Урок 12: Иконки и спрайты SVG
  • Урок 13: Иконочные шрифты
  • Урок 14: Анимации для элементов, компрессоры, полезные ссылки
Складчина создана 28 сентября 2019 г. · описание обновлено 23 марта 2026 г.
80 ₽ 500 ₽