Описание
Количество уроков: 28 Видео
Язык: Английский
Вес архива: 886 МБ
Дизайн‑системы с Storybook — это практический и стратегический подход к созданию масштабируемых компонентов, единых стандартов и удобной документации. В этом курсе вы узнаете, как эффективно выстраивать дизайн‑систему, автоматизировать её поддержку и улучшать командное взаимодействие с помощью возможностей Storybook.
Что вы изучите в рамках курса
Семинар помогает перейти от базовых принципов работы со Storybook к продвинутым техникам создания стабильных, доступных и гибких интерфейсных решений.
Современные подходы к атомарному дизайну
Курс подробно рассматривает методологию атомарного дизайна и объясняет, как применять её для построения масштабируемой библиотеки компонентов.
Работа с адаптивностью и доступностью
Вы освоите техники создания UI‑компонентов, которые корректно работают на разных устройствах и соответствуют стандартам доступности.
Продвинутые возможности Storybook
Участники узнают о последних функциях Storybook, включая назначение контролов, улучшенную навигацию, интеграцию аддонов и настройку окружения.
Практические навыки и инструменты
Курс делает акцент на реальных кейсах, примерах и отработке навыков, которые пригодятся в работе над любым продуктом.
Документирование компонентов
Вы научитесь структурировать документацию, делать её понятной для дизайнеров, разработчиков и менеджеров.
Командное взаимодействие
Storybook помогает создавать общую визуальную среду, где обсуждение, проверка и доработка компонентов происходят максимально прозрачно.
Развертывание и поддержка дизайн‑системы
На семинаре рассматриваются подходы к деплою Storybook, формированию стабильного CI/CD‑процесса и поддержанию долгосрочной актуальности библиотеки.
Продвинутые техники разработки
Визуальное регрессионное тестирование
Вы изучите инструменты и подходы для предотвращения визуальных багов, обеспечивая стабильность интерфейса при росте проекта.
Реализация темного и светлого режимов
Курс показывает, как внедрять темы на уровне компонентов и обеспечивать корректную работу интерфейсов в разных режимах отображения.
Чему вы научитесь по итогам
• Документировать и грамотно развёртывать Storybook в командной среде.
• Использовать новые возможности Storybook для повышения эффективности разработки.
• Создавать и поддерживать устойчивую дизайн‑систему, готовую к масштабированию.
• Разрабатывать атомарные, адаптивные и доступные UI‑компоненты.
• Применять лучшие практики визуального регрессионного тестирования и интегрировать темing.
Марина В. –
В целом полезный курс, но для новичка некоторые темы показались сложными, особенно развертывание Storybook и настройка окружения. Однако разделы про документирование и командное взаимодействие очень понятные и применимые. Хотелось бы больше примеров кода для начинающих. Но в остальном материал качественный, и я смогла внедрить полученные знания в проект.
Алексей К. –
Курс хорошо структурирован, особенно понравился раздел про атомарный дизайн и то, как автор показывает применение методологии на практике. Много внимания уделено доступности и адаптивности компонентов — это то, чего мне не хватало в предыдущих курсах. Продвинутые возможности Storybook, такие как контролы и аддоны, разобраны подробно. После прохождения смог улучшить документацию компонентов в своей команде.