Урок 22. Задания
⚡ Кратко
Четыре задания на сборку дашборда и четыре вопроса на повторение курса.
Задания
Задание 1. Каркас
Соберите каркас: сайдбар 16rem слева на десктопе, шапка сверху,
прокручиваемая область контента. На мобильном сайдбар скрыт, кнопка
в шапке открывает его в Sheet.
Задание 2. Метрики и состояния
Четыре карточки метрик: 2 колонки на мобильном, 4 на десктопе. Каждая должна уметь показывать скелетон загрузки той же геометрии.
Задание 3. Таблица с действиями
Таблица заказов: статусы бейджами, суммы tabular-nums
и выравниванием вправо, меню действий в каждой строке, подтверждение
удаления через диалог. На мобильном — горизонтальная прокрутка.
Задание 4. Ревью по чек-листу
Пройдите готовый дашборд по чек-листу качества и выпишите все найденные проблемы с указанием урока, где разбирался нужный приём.
Проверка понимания
Выберите один вариант ответа — правильный подсветится после клика.
Вопрос 1
Почему каркас дашборда удобнее собирать на Grid?
Вопрос 2
Что должно быть у каждого блока с данными, кроме самих данных?
Вопрос 3
Почему числа в таблице помечают tabular-nums?
Вопрос 4
Что произойдёт с дашбордом на токенах при включении тёмной темы?