Учебник Vuetify

Введение
- Что такое Vuetify
- История и развитие библиотеки
- Философия Material Design
- Преимущества и недостатки
- Сравнение с аналогами
- Требования и зависимости
Установка и настройка
- Установка через Vue CLI
- Установка через Vite
- Установка через CDN
- Ручная установка и настройка
- Структура проекта с Vuetify
- Настройка файла vuetify.js
- Подключение шрифтов и иконок
- Настройка treeshaking
Система сеток и разметка
- Принципы работы с сеткой
- Компонент v-container
- Компонент v-row
- Компонент v-col
- Брейкпоинты и адаптивность
- Офсеты и выравнивание
- Порядок колонок
- Вложенные сетки
- Примеры типовых раскладок
Темы и стилизация
- Структура темы
- Светлая и темная темы
- Создание кастомной темы
- Цветовая палитра
- Переменные темы
- CSS переменные
- SASS переменные
- Переопределение стилей компонентов
- Глобальные стили
Типографика
- Система типографики Material Design
- Классы заголовков
- Классы основного текста
- Управление весом шрифта
- Выравнивание текста
- Трансформация текста
- Обрезка текста
- Межстрочный интервал
Цвета
- Цветовая система
- Применение цветов к компонентам
- Классы цветов текста
- Градиенты
- Прозрачность
Иконки
- Material Design Icons
- Font Awesome
- MDI SVG
- Кастомные иконки
- Размеры иконок
- Цвета иконок
- Иконки в компонентах
Компоненты форм
- Текстовые поля v-text-field
- Текстовые области v-textarea
- Чекбоксы v-checkbox
- Радиокнопки v-radio
- Переключатели v-switch
- Слайдеры v-slider
- Слайдеры диапазона v-range-slider
- Селекты v-select
- Автокомплиты v-autocomplete
- Combobox v-combobox
- Выбор файлов v-file-input
- Валидация форм
- Правила валидации
- Сообщения об ошибках
Кнопки
- Обычные кнопки v-btn
- Варианты кнопок
- Размеры кнопок
- Иконки в кнопках
- Группы кнопок v-btn-group
- Переключаемые кнопки v-btn-toggle
- FAB кнопки
- Кнопки-иконки
Навигация
- Панель приложения v-app-bar
- Нижняя навигация v-bottom-navigation
- Хлебные крошки v-breadcrumbs
- Боковая панель v-navigation-drawer
- Футер v-footer
- Вкладки v-tabs
- Пагинация v-pagination
Контейнеры и панели
- Карточки v-card
- Листы v-sheet
- Панели расширения v-expansion-panels
- Группы списков v-list-group
- Простые списки v-list
- Элементы списков v-list-item
Отображение данных
- Таблицы данных v-data-table
- Серверная пагинация таблиц
- Сортировка в таблицах
- Фильтрация в таблицах
- Выбор строк в таблицах
- Редактируемые ячейки
- Группировка данных
- Виртуальный скролл v-virtual-scroll
- Итераторы данных v-data-iterator
Диалоги и оверлеи
- Диалоговые окна v-dialog
- Нижние листы v-bottom-sheet
- Меню v-menu
- Оверлеи v-overlay
- Снекбары v-snackbar
- Тултипы v-tooltip
Индикаторы
- Прогресс-бары v-progress-linear
- Круговые индикаторы v-progress-circular
- Скелетоны v-skeleton-loader
- Бейджи v-badge
- Чипы v-chip
- Рейтинги v-rating
Выбор даты и времени
- Выбор даты v-date-picker
- Выбор времени v-time-picker
- Форматирование дат
- Локализация календаря
- Ограничения выбора дат
Медиа компоненты
- Изображения v-img
- Аватары v-avatar
- Карусели v-carousel
- Параллакс v-parallax
Разделители и пространство
- Разделители v-divider
- Спейсеры v-spacer
- Отступы и паддинги
Утилиты отображения
- Display helpers
- Responsive utilities
- Spacing utilities
- Text utilities
- Elevation helpers
- Border utilities
- Float helpers
Директивы
- v-ripple
- v-intersect
- v-resize
- v-scroll
- v-touch
- v-click-outside
- v-mutation
Переходы и анимации
- Встроенные переходы
- Переходы появления
- Переходы скольжения
- Переходы масштабирования
- Кастомные переходы
- Анимация списков
Работа с формами
- Создание сложных форм
- Динамические формы
- Вложенные данные форм
- Обработка отправки форм
- Интеграция с Vuelidate
- Интеграция с VeeValidate
Composables и хуки
- useDisplay
- useTheme
- useLayout
- useLocale
- useRtl
- Создание собственных composables
Локализация
- Настройка языков
- Переключение языков
- Кастомные переводы
- RTL поддержка
- Форматирование чисел и дат
Доступность
- ARIA атрибуты
- Навигация с клавиатуры
- Фокус менеджмент
- Скринридеры
- Семантическая разметка
Производительность
- Ленивая загрузка компонентов
- Оптимизация сборки
- Treeshaking
- Анализ размера бандла
- Виртуализация длинных списков
Миграция
- Миграция с Vuetify 2 на 3
- Миграция с Vue 2 на Vue 3
- Breaking changes
- Deprecated функции
- Инструменты миграции
Продвинутые техники
- Создание кастомных компонентов на базе Vuetify
- Расширение существующих компонентов
- Глобальная конфигурация компонентов
- Использование slots
- Scoped slots
- Render functions
- Программное управление компонентами
Интеграция с экосистемой
- Vue Router
- Vuex
- Pinia
- Nuxt.js
- TypeScript
- Storybook
Тестирование
- Unit тестирование компонентов
- Тестирование с Vue Test Utils
- Тестирование с Vitest
- E2E тестирование
- Тестирование доступности
Инструменты разработки
- Vue Devtools
- Vuetify Inspector
- Vite плагины
- ESLint конфигурация
- Prettier настройка