Программирование [master.dev (ex FrontendMasters), Steve Kinney] Дизайн-системы с Storybook, v2 (2024)

[𝕯𝖆𝖗𝖐🥰𝕬𝖓𝖌𝖊𝖑]

Автор: master.dev (ex FrontendMasters), Steve Kinney​

Название: Дизайн-системы с Storybook, v2 (2024)​

Продолжительность: 3 ч 37 мин Количество уроков: 28 Видео Язык: Английский Вес архива: 886 МБ

Дизайн‑системы с Storybook — это практический и стратегический подход к созданию масштабируемых компонентов, единых стандартов и удобной документации. В этом курсе вы узнаете, как эффективно выстраивать дизайн‑систему, автоматизировать её поддержку и улучшать командное взаимодействие с помощью возможностей Storybook.

Что вы изучите в рамках курса

Семинар помогает перейти от базовых принципов работы со Storybook к продвинутым техникам создания стабильных, доступных и гибких интерфейсных решений.

Современные подходы к атомарному дизайну

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

Работа с адаптивностью и доступностью

Вы освоите техники создания UI‑компонентов, которые корректно работают на разных устройствах и соответствуют стандартам доступности.

Продвинутые возможности Storybook

Участники узнают о последних функциях Storybook, включая назначение контролов, улучшенную навигацию, интеграцию аддонов и настройку окружения.

Практические навыки и инструменты

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

Документирование компонентов

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

Командное взаимодействие

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

Развертывание и поддержка дизайн‑системы

На семинаре рассматриваются подходы к деплою Storybook, формированию стабильного CI/CD‑процесса и поддержанию долгосрочной актуальности библиотеки.

Продвинутые техники разработки

Визуальное регрессионное тестирование

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

Реализация темного и светлого режимов

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

Чему вы научитесь по итогам

• Документировать и грамотно развёртывать Storybook в командной среде.
• Использовать новые возможности Storybook для повышения эффективности разработки.
• Создавать и поддерживать устойчивую дизайн‑систему, готовую к масштабированию.
• Разрабатывать атомарные, адаптивные и доступные UI‑компоненты.
• Применять лучшие практики визуального регрессионного тестирования и интегрировать темing.

СКАЧАТЬ: