КурсБесплатноЧасть практики восстанавливается

UI Components

Практический курс по созданию UI-компонентов и дизайн-системы для React Native: buttons, badges, cards, progress, states и финальный UI Kit.

Открыть первый урок

Часть практики восстанавливается. Теория и опубликованные уроки доступны уже сейчас. Если для отдельного шага ещё нет задания или теста, он откроется для чтения и не будет ошибочно засчитан как пройденный.

Пройдено0 / 12

Примерное время10 ч

Модули4

Уроки12

Уроки курса

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

1Tokens, buttons и badges3 уроки0 / 3

Design tokens: цвета и отступыОткрыть

Button variants: primary и secondaryОткрыть

Badge component: FREE, PRO, NEWОткрыть

2Карточки и progress3 уроки0 / 3

StatCard: карточка метрикиОткрыть

ProgressBar: прогресс курсаОткрыть

CourseCard UI: карточка курсаОткрыть

3Состояния интерфейса4 уроки0 / 4

EmptyState: пустое состояниеОткрыть

Loading и Error statesОткрыть

Skeleton cardОткрыть

NoticeCard: info/warning/errorОткрыть

4Композиция и финальный UI Kit2 уроки0 / 2

SegmentedControl: tabs-переключательОткрыть

Финальный проект: UI Kit screenОткрыть