Учебник FAST Element

Введение
- Что такое FAST Element
- История создания и развитие
- Философия библиотеки
- Сравнение с другими решениями
- Системные требования и совместимость
Установка и настройка окружения
- Установка через npm
- Установка через CDN
- Настройка TypeScript
- Конфигурация сборщиков
- Интеграция с существующими проектами
- Отладочные инструменты
Основы работы с компонентами
- Создание первого компонента
- Декоратор customElement
- Жизненный цикл компонента
- Регистрация компонентов
- Изоляция стилей
- Shadow DOM в FAST Element
Шаблоны
- Синтаксис html-функции
- Интерполяция данных
- Условный рендеринг
- Директива when
- Директива repeat
- Вложенные шаблоны
- Фрагменты шаблонов
Реактивность и наблюдаемые свойства
- Декоратор attr
- Декоратор observable
- Автоматическое отслеживание зависимостей
- Режимы атрибутов
- Конвертеры значений
- Реактивные вычисления
- Оптимизация обновлений
Работа с атрибутами и свойствами
- Отражение атрибутов
- Типы атрибутов
- Булевы атрибуты
- Числовые атрибуты
- Пользовательские конвертеры
- Синхронизация атрибутов и свойств
Обработка событий
- Синтаксис обработчиков в шаблонах
- Передача параметров в обработчики
- Контекст выполнения
- Всплытие событий
- Пользовательские события
- Делегирование событий
Директивы
- Встроенные директивы
- Директива ref
- Директива slotted
- Директива children
- Создание пользовательских директив
- Асинхронные директивы
- Композиция директив
Слоты и композиция контента
- Именованные слоты
- Слот по умолчанию
- Множественные слоты
- Отслеживание изменений слотов
- Стилизация контента слотов
Стилизация компонентов
- Объявление стилей
- CSS-функция
- Динамические стили
- CSS-переменные
- Темизация
- Адаптивные стили
- Композиция стилей
- Глобальные стили
Формы и валидация
- Интеграция с HTML-формами
- FormAssociated API
- Валидация полей
- Пользовательские элементы форм
- Доступность форм
- Состояние валидации
Поведения
- Концепция поведений
- Встроенные поведения
- Создание пользовательских поведений
- Композиция поведений
- Жизненный цикл поведений
- Повторное использование логики
Контроллеры
- Паттерн контроллеров
- Создание контроллеров
- Подключение контроллеров к хосту
- Управление жизненным циклом
- Разделение ответственности
Продвинутая работа с шаблонами
- Ленивая загрузка шаблонов
- Кэширование шаблонов
- Динамическая генерация шаблонов
- Шаблоны высшего порядка
- Рекурсивные шаблоны
Управление состоянием
- Локальное состояние компонента
- Передача данных между компонентами
- Паттерн observable store
- Интеграция с внешними хранилищами
- Иммутабельность данных
- Нормализация состояния
Маршрутизация
- Клиентская маршрутизация
- История браузера
- Параметры маршрутов
- Вложенные маршруты
- Защита маршрутов
- Ленивая загрузка модулей
Производительность
- Профилирование компонентов
- Оптимизация рендеринга
- Виртуализация списков
- Мемоизация
- Batch-обновления
- Отложенная загрузка
- Tree shaking
Доступность
- Семантическая разметка
- ARIA-атрибуты
- Управление фокусом
- Клавиатурная навигация
- Скринридеры
- Контрастность и читаемость
Тестирование
- Модульное тестирование компонентов
- Настройка тестового окружения
- Моки и стабы
- Тестирование событий
- Тестирование асинхронного кода
- Снимочное тестирование
- Покрытие кода
- Интеграционные тесты
- E2E-тестирование
Интернационализация
- Мультиязычность
- Форматирование дат и чисел
- Направление текста
- Локализация компонентов
- Динамическая смена языка
Серверный рендеринг
- SSR с FAST Element
- Гидратация компонентов
- Изоморфный код
- Оптимизация SSR
- Потоковый рендеринг
Интеграция с фреймворками
- React
- Vue
- Angular
- Svelte
- Общие принципы интеграции
TypeScript
- Типизация компонентов
- Типы шаблонов
- Дженерики
- Utility-типы FAST Element
- Строгая типизация атрибутов
- Вывод типов
Инструменты разработки
- Расширения для браузера
- Отладка в DevTools
- Инспектирование компонентов
- Мониторинг производительности
- Анализ бандла
Дизайн-системы
- Архитектура дизайн-системы
- Токены дизайна
- Компоненты базового уровня
- Композитные компоненты
- Документирование компонентов
- Версионирование
Паттерны проектирования
- Презентационные и контейнерные компоненты
- Компоненты высшего порядка
- Render props
- Провайдеры и потребители
- Фабрики компонентов
- Миксины
Работа с внешними API
- HTTP-запросы
- WebSocket
- Server-Sent Events
- GraphQL
- Обработка ошибок
- Кэширование запросов
Безопасность
- XSS-защита
- Санитизация данных
- Content Security Policy
- Безопасность атрибутов
- Валидация входных данных
Сборка и деплой
- Webpack
- Rollup
- Vite
- esbuild
- Минификация
- Полифиллы
- Поддержка legacy-браузеров
- CDN-деплой
- Стратегии кэширования
Миграция и обновление
- Миграция с Web Components v0
- Обновление между версиями FAST
- Миграция с других библиотек
- Стратегии постепенной миграции
- Обратная совместимость
Расширенные возможности
- Создание плагинов
- Расширение базовых классов
- Кастомизация компиляции шаблонов
- Низкоуровневые API
- Работа с Virtual DOM
Отладка и устранение проблем
- Частые ошибки
- Утечки памяти
- Проблемы производительности
- Инструменты диагностики
Справочник API
- Классы и интерфейсы
- Декораторы
- Функции
- Директивы
- Типы TypeScript
- Константы и перечисления