Предпродажа по специальной цене

Онлайн-курс

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

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

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

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

Записаться за 6 900 ₽

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

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

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

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

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

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

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

После прохождения курса вы сможете:

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

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

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

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

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

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

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

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

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

Раздел 1

Введение

Раздел 2

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

Раздел 3

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

Раздел 4

Связка с дизайном

Раздел 5

Командная работа, публикация и документация

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

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

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

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

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

Теория

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

Кейсы

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

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

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

Тест

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

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

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

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

Авторы курса

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

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

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

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

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

Методику

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

Программу

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

Контент

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

Комьюнити

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

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

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

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

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

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

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

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

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

Опыт

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

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

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

Методика

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

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

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