☯︎ 𝖙𝖗𝖟 ⁿˣᵗ 𝖙𝖎𝖒𝖊︻╦╤
МЕСТНЫЙ
- Регистрация
- 11 Сен 2026
- Сообщения
- 6,748
- Реакции
- 1
Автор: master.dev (ex FrontendMasters), Steve Kinney
Название: Дизайн-системы с Storybook, v2 (2024)
ОНЛАЙН ВИДЕО УРОКИ: ТОЛЬКО ДЛЯ PROMAX!
Дизайн‑системы с Storybook — это практический и стратегический подход к созданию масштабируемых компонентов, единых стандартов и удобной документации. В этом курсе вы узнаете, как эффективно выстраивать дизайн‑систему, автоматизировать её поддержку и улучшать командное взаимодействие с помощью возможностей Storybook.
Что вы изучите в рамках курса
Семинар помогает перейти от базовых принципов работы со Storybook к продвинутым техникам создания стабильных, доступных и гибких интерфейсных решений.
Современные подходы к атомарному дизайну
Курс подробно рассматривает методологию атомарного дизайна и объясняет, как применять её для построения масштабируемой библиотеки компонентов.
Работа с адаптивностью и доступностью
Вы освоите техники создания UI‑компонентов, которые корректно работают на разных устройствах и соответствуют стандартам доступности.
Продвинутые возможности Storybook
Участники узнают о последних функциях Storybook, включая назначение контролов, улучшенную навигацию, интеграцию аддонов и настройку окружения.
Практические навыки и инструменты
Курс делает акцент на реальных кейсах, примерах и отработке навыков, которые пригодятся в работе над любым продуктом.
Документирование компонентов
Вы научитесь структурировать документацию, делать её понятной для дизайнеров, разработчиков и менеджеров.
Командное взаимодействие
Storybook помогает создавать общую визуальную среду, где обсуждение, проверка и доработка компонентов происходят максимально прозрачно.
Развертывание и поддержка дизайн‑системы
На семинаре рассматриваются подходы к деплою Storybook, формированию стабильного CI/CD‑процесса и поддержанию долгосрочной актуальности библиотеки.
Продвинутые техники разработки
Визуальное регрессионное тестирование
Вы изучите инструменты и подходы для предотвращения визуальных багов, обеспечивая стабильность интерфейса при росте проекта.
Реализация темного и светлого режимов
Курс показывает, как внедрять темы на уровне компонентов и обеспечивать корректную работу интерфейсов в разных режимах отображения.
Чему вы научитесь по итогам
• Документировать и грамотно развёртывать Storybook в командной среде.
• Использовать новые возможности Storybook для повышения эффективности разработки.
• Создавать и поддерживать устойчивую дизайн‑систему, готовую к масштабированию.
• Разрабатывать атомарные, адаптивные и доступные UI‑компоненты.
• Применять лучшие практики визуального регрессионного тестирования и интегрировать темing.
СКАЧАТЬ:
Скрытое содержимое могут видеть только пользователи групп(ы): ProMAX
