Профессиональный онлайн-курс

Дизайн-системы для фронтендеров

Умение выделять систему из дизайна и переносить её в код сокращает время на создание новых частей больших продуктов. Даже на небольших проектах такие системы упрощают процесс разработки и поддержки.

Необходимые знания: HTML, CSS

Гибкие сроки: начинайте сейчас и двигайтесь в комфортном режиме

Скидка 20% до 4 мая

Начать за 34 900 ₽Начать бесплатно

Пройдя курс, вы получите востребованный навык и повысите свою ценность

Научившись выделять и использовать дизайн-системы, вы сможете:

Быстрее собирать большие проекты

Повысить скорость развития продукта в целом

Проще вносить изменения в созданные проекты

Сократить время внедрения новых фич

Навык выделения систем из дизайна и их построения необходим для мидла в продуктовых компаниях

Мы постоянно разрабатываем новые курсы по навыкам, необходимым для роста до мидла:

После курса вы сможете:

Отличать UI-кит от дизайн-системы и правильно выбирать их под задачу

Выделять системы из существующего дизайна

Выделять компоненты и правильно использовать переменные

Строить дизайн-системы в коде с нуля

Эффективнее организовывать процесс работы с дизайнерами

Документировать дизайн-систему

Публиковать дизайн-систему и вносить в неё изменения

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

Мы начнём с изучения дизайн-систем и их принципов и постепенно перейдём к особенностям технической реализации. Наша задача — понять все принципы и философию дизайн-систем.

Раздел 1

Введение

Получить доступ

Раздел 2

Декомпозиция

Раздел 3

Техническая реализация

Раздел 4

Расширение дизайн-системы

Раздел 5

Дизайн-система и командная работа

Раздел 6

Заключение

На курсе вы шаг за шагом построите систему на базе заготовленного дизайна.

Как проходит обучение

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

Программа разбита на модули, каждый из которых позволяет постепенно осваивать навык от простых основ до сложных тонкостей.

В каждом модуле будет:

Теория

Структурированная информация, необходимая для усвоения части навыка

Кейсы

Примеры решения типовых задач, которые помогут понять, как теория превращается в практику

Практическое задание

Для самостоятельного закрепления полученной теории. После выполнения каждого задания вы получите пошаговое эталонное решение и сможете сравнить его со своим вариантом

Тест

Для финального закрепления материала. Позволит вам убедиться, что вы всё точно усвоили и можете двигаться дальше.

Курс «Дизайн-системы» входит в несколько пакетов

Вы можете приобрести набор курсов по выгодной цене.
Навыки на курсах, входящих в пакет, объединены общей тематикой.

Разработчикам от разработчиков

Сделано для разработчиков, у которых мало времени на обучение.

Курс подготовлен совместно с дизайнерами, участвовавшими в создании дизайн-систем, которые используются на рынке.

Авторы курса

Антон Ефремов

Дизайнер. Работает над дизайн-системой в Aviasales.
Ex-дизайнер в дизайн-системе Consta.
В прошлом --- бизнес-аналитик и проектировщик информационных систем.

Илья Колебаев

Старший продуктовый дизайнер в Газпром нефть.
Неровно дышит к веб-технологиям.
Делает дизайн-систему Consta и бесконечные пет-проекты на ней.

На курсе «Дизайн-системы для фронтендеров» вы получите:

Методику

Связывает теорию с типовыми задачами на рынке. У вас будет понимание того, где и как применить полученную теорию.

Программу

Построена от простого к сложному.
Вы легко погрузитесь в тему, даже если ничего про неё не знали раньше.

Контент

Актуальная и обновляемая теория, проверенная рынком. Никакой «воды» — вы получите только необходимые знания.

Комьюнити

Поможет вам с ответами на вопросы и углублением знаний.

Комьюнити каждого курса — это авторы, опытные разработчики и студенты, прошедшие или проходящие этот курс.
Комьюнити не только помогает в освоении материала, но и постоянно делает курс лучше.

Вам это подходит, если

Вы хотите больше зарабатывать или сменить работу, но не знаете, в каком направлении развиваться:

Хотите освоить конкретный навык, но не знаете как

Не хотите тратить время на поиск актуальной информации по теме

Вам нужна конкретная методика обучения и только необходимая информация

Хотите убедиться, что полученные знания усвоились на практике

На нашей стороне опыт, исследования и методика

Опыт

9 лет выстраиваем связь с рынком коммерческой разработки. Обучаем начинающих разработчиков и видим, как они становятся опытными специалистами.

Исследования

Перед запуском курса убеждаемся, что он даёт востребованный профессиональный навык.

Методика

Общаемся с сообществом веб-разработчиков и поэтому понимаем, как нужно учить. Максимально сокращаем время от изучения теории до решения типовых задач.

Что говорят разработчики

Записаться на курс «Дизайн-системы для фронтендеров»

Начать курс
«Дизайн-системы для фронтендеров»