Акции школ
Войти

Курс «Основы SVG»

Составитель: Денис Сметнёв

SVG — тот формат, без которого фронтенд сегодня не обходится: иконки, анимации, адаптивная графика. Этот курс от HTML Academy бесплатный — честная точка входа для тех, кто только начинает разбираться с векторной графикой в браузере. Три главы — знакомство с форматом, оформление фигур, работа с размерами — дают структурный фундамент, а не набор разрозненных трюков. Подходит тем, кто уже пишет HTML/CSS и хочет закрыть пробел по SVG.

Подробнее


Компания: HTML Academy (HTML академия)

Язык: ru

Уровень: Начальный Старт: в любое время

Актуальная программа курса (3 модулей, по данным школы)

  1. Глава 1: Знакомство с SVG
  2. Глава 2: Оформление SVG-фигур
  3. Глава 3: Размеры в SVG

Кем вы сможете работать

Фронтенд-разработчик · UI-инженер

Сколько зарабатывают в профессии (медиана hh.ru, по 160 вакансиям)

Junior
86 000 ₽
Middle
182 500 ₽
Senior
250 000 ₽

Сравнение с похожими курсами других школ

КурсШколаЦенаСрокРейтингДиплом
Основы SVG (этот) HTML Academy (HTML академия) беспл.
1-2-3 — Сайт! Восхождение на Tilda Тренинг-центр 1day1step.ru 8 400 ₽ 2 месяца 5.0 Обзор
Компьютерные сети. Видеокурс GeekBrains (ГикБреинс) 4 недели 5.0 Сертификат Перейти
Введение в веб-разработку Хекслет (Hexlet) 2 дня 5.0 Перейти

Стоит ли идти на этот курс

Плюсы

  • Бесплатно и без регистрационных барьеров — можно начать прямо сейчас.
  • Программа структурирована логично: сначала базовые фигуры и синтаксис, затем оформление, затем система размеров — правильная последовательность для новичка.
  • Школа с репутацией в русскоязычном фронтенд-сообществе: материал технически выверен, не самопис.
  • На входе достаточно базового HTML — синтаксис SVG близок к разметке, поэтому первая глава не потребует дополнительной подготовки.

Минусы и кому не стоит

  • Длительность не указана — непонятно, сколько времени закладывать на прохождение.
  • Три главы покрывают только синтаксис и оформление; анимации, фильтры, трансформации, встраивание в React или работа с Figma — за рамками курса.
  • Документа об окончании нет — курс не добавит строку в резюме формально, только реальный навык.

Когда этот курс вам не нужен

Если вы уже верстаете и знаете, чем viewBox отличается от width/height — материал будет слишком базовым. Тем, кто хочет сразу освоить SVG-анимации, фильтры или научиться работать с векторной графикой в контексте React-проектов, лучше искать более продвинутую программу. Не подойдёт и тем, кто ищет карьерную поддержку: её здесь нет по определению формата.

Как выбрать курс по этому направлению

Разработка — направление, где теория без практики быстро выветривается. Смотрите на программу: хороший курс по фронтенду строится от конкретных задач, а не от определений. Важный вопрос до старта: будете ли вы что-то писать руками — или только смотреть и читать? Это сигнал: бесплатные курсы часто жертвуют обратной связью — никто не разберёт, почему ваш код не работает. Для первого знакомства с темой это приемлемо; для роста нужен ментор или ревью кода — ни того, ни другого в бесплатных форматах, как правило, нет. Если нужны документ об окончании или карьерная поддержка — ищите программу, где это явно прописано в условиях.

Частые вопросы

Нужно ли знать что-то заранее, чтобы начать?

Специальных знаний SVG не требует — курс стартовый. Но базовый HTML пригодится: синтаксис SVG похож на разметку, и без него первая глава усвоится тяжелее.

Сколько времени займёт прохождение?

Точных данных о длительности нет. Три главы — компактный объём; скорее всего, речь о нескольких часах, а не неделях. Ориентируйтесь на свой темп.

Дают ли сертификат по окончании?

Данных о документе об окончании нет — проверьте на странице курса перед стартом, школа должна это указать, если он есть.

Поможет ли курс найти работу фронтенд-разработчиком?

Сам по себе — нет. SVG это один из навыков фронтенда, а не вся профессия. Курс даёт конкретный инструмент; трудоустройство здесь не заявлено.

Курс интерактивный или это видеолекции?

Школа известна форматом интерактивных заданий прямо в браузере — это её фирменный стиль. Конкретный формат этого курса стоит проверить на странице до старта.

Это весь SVG или только часть?

Только основы: фигуры, оформление, размеры. Курс не охватывает тему полностью — это честный старт, после которого придётся двигаться дальше самостоятельно.

Длительность курса

Длительность курса

Формат обучения

Формат обучения

Интерактивный курс: теория, задания и испытания Обучение в свободном режиме

Обратная связь

Обратная связь

Общение на форуме учеников

Теория и практика

Теория и практика

3 главы 35 заданий 15 испытаний

Чему научитесь

  • Позиционировать базовые примитивы: линии, прямоугольники, окружности
  • Управлять цветом и размерами
  • Собирать разные рисунки из примитивов
  • Оформлять SVG-фигуры: использовать заливки и обводки
  • Масштабировать SVG и работать с атрибутами viewBox и preserveAspectRatio
Перейти на страницу курса Запишись на курс
прямо сейчас!

О курсе

О курсе

Начинающим веб-разработчикам

Веб-разработчикам

Условия оплаты

доступ ко всем курсам этой школы осуществляется по подписке:
профессиональный - $39/месяц
премиум - $199/месяц

9 заданий

6 испытаний

Глава 1:

Знакомство с SVG

Мы познакомимся с SVG — форматом векторной графики. Разберём базовые примитивы: линии, прямоугольники, окружности. Научимся позиционировать их, управлять цветом и размерами, собирать из них разные рисунки.

15 заданий

5 испытаний

Глава 2:

Оформление SVG-фигур

Базовые понятия об оформлении SVG-фигур. Заливки и обводки.

11 заданий

4 испытания

Глава 3:

Размеры в SVG

Разберёмся с масштабированием SVG и научимся работать с атрибутами viewBox и preserveAspectRatio.

SVG

Знание основ SVG:линии, многоугольники, окружности, управление цветом и размерами.

Работа с атрибутами viewBox и preserveAspectRatio.

Оформление SVG-фигур: заливки, обводки, пунктир.

Навыки, которые вы получите

 
SVG

Компания, проводящая курс

HTML Academy (HTML академия)

21 курс по 77 темам

Академия HTML запустилась в 2013 году. Является участником Сколково. На платформе насчитывается 67 онлайн-курсов, 6 интенсивов и более 300...

Отзывов об этом курсе пока нет

Ниже — отзывы о школе HTML Academy (HTML академия): они помогут составить впечатление, но в рейтинге курса не учитываются. Проходили этот курс? Поделитесь — это поможет другим студентам.

Подборки лучших курсов по теме

По темам этого курса на MOOC есть рейтинги лучших программ — сравнение цен, длительности и отзывов в одном месте.

больше курсов

Похожие курсы компании

HTML Academy (HTML академия)
(3)
HTML Academy (HTML академия)
(1)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(2)
HTML Academy (HTML академия)
(0)
HTML Academy (HTML академия)
(0)
1 060 
HTML Academy (HTML академия)
(0)