javascript42
Главная
Все учебники
Блог
Учебник fullPage.js
Введение
Что такое fullPage.js
История создания и развития библиотеки
Преимущества и недостатки
Когда использовать fullPage.js
Альтернативные решения
Лицензирование и версии
Подготовка к работе
Системные требования
Установка через CDN
Установка через npm
Установка через bower
Подключение файлов библиотеки
Базовая структура HTML
Минимальный рабочий пример
Проверка корректности установки
Основы работы с библиотекой
Инициализация fullPage
Структура секций
Структура слайдов
Базовые параметры конфигурации
Методы навигации
События библиотеки
Уничтожение экземпляра
Секции
Создание секций
Именование секций
Якоря секций
Навигация между секциями
Вертикальное выравнивание контента
Автоматическая прокрутка
Скорость анимации переходов
Функции обратного вызова для секций
Горизонтальные слайды
Создание слайдов внутри секций
Навигация по слайдам
Якоря слайдов
Управление слайдами
Циклическая прокрутка слайдов
Скорость перехода между слайдами
События для слайдов
Навигация
Встроенная навигация по секциям
Настройка внешнего вида навигации
Позиционирование элементов навигации
Тултипы для точек навигации
Стрелки навигации
Создание кастомной навигации
Клавиатурная навигация
Навигация через якоря URL
Прокрутка и поведение
Типы прокрутки
Easing-функции
Настройка скорости прокрутки
Инерционная прокрутка
Нормализация прокрутки
Прокрутка на мобильных устройствах
Прокрутка внутри секций
Блокировка прокрутки
Порог чувствительности прокрутки
Адаптивность и мобильные устройства
Отключение на мобильных устройствах
Breakpoints для адаптивности
Автоматическая адаптация высоты
Touch-события
Жесты на мобильных устройствах
Особенности работы на планшетах
Оптимизация производительности
Фоновые изображения и видео
Установка фоновых изображений
Параллакс-эффект для фонов
Встраивание видео в секции
Автовоспроизведение видео
YouTube и Vimeo интеграция
Управление видео при навигации
Оптимизация загрузки медиа
API и методы
Метод moveTo
Метод moveSectionUp
Метод moveSectionDown
Метод silentMoveTo
Метод moveSlideRight
Метод moveSlideLeft
Метод setAutoScrolling
Метод setFitToSection
Метод setLockAnchors
Метод setAllowScrolling
Метод setKeyboardScrolling
Метод setRecordHistory
Метод setScrollingSpeed
Метод destroy
Метод reBuild
Метод setResponsive
Получение информации о состоянии
События
onLeave
afterLoad
afterRender
afterResize
afterResponsive
onSlideLeave
afterSlideLoad
Создание собственных обработчиков
Управление подпиской на события
Расширения
scrollHorizontally
Continuous Horizontal
Parallax
Reset Sliders
Fade Effect
Drop Effect
Water Effect
Установка расширений
Настройка расширений
Совместимость расширений
Интеграция с фреймворками
Использование с React
Использование с Vue.js
Использование с Angular
Использование с jQuery
Серверный рендеринг
Динамическое добавление секций
CSS и стилизация
Структура CSS библиотеки
Переопределение стилей
Кастомизация навигации
Анимации переходов
CSS-классы состояний
Использование препроцессоров
Адаптация под дизайн-систему
Производительность
Оптимизация рендеринга
Ленивая загрузка контента
Управление памятью
Throttling и debouncing
Оптимизация анимаций
Профилирование производительности
Решение проблем с производительностью
Доступность
Семантическая разметка
ARIA-атрибуты
Навигация с клавиатуры
Screen readers
Фокус-менеджмент
Контрастность и читаемость
Соответствие стандартам WCAG
Отладка и тестирование
Логирование событий
Распространенные ошибки
Конфликты с другими библиотеками
E2E-тестирование
Тестирование на различных устройствах
Продвинутые техники
Динамическое создание секций
Программное управление навигацией
Синхронизация нескольких экземпляров
Комбинирование с другими библиотеками анимации
Создание сложных переходов
Управление историей браузера
Глубокие ссылки и роутинг
SEO и индексация
Проблемы индексации одностраничных сайтов
Настройка якорей для SEO
Meta-теги и Open Graph
Серверный рендеринг для поисковых систем
Google Analytics и отслеживание
Миграция и обновление
Обратная совместимость
Изменения в API между версиями
Стратегии обновления
Решение проблем при миграции