Повысьте производительность ваших веб-приложений и расширьте их офлайн‑возможности, освоив современные API веб‑хранилищ. Этот курс поможет вам понять, как эффективно работать с клиентскими данными, обходить ограничения localStorage и использовать более быстрые и надежные решения.
Что такое Web Storage APIs и почему они важны
Современные веб-приложения активно взаимодействуют с клиентскими данными: кэшируют запросы, сохраняют пользовательские настройки, работают в офлайне и обеспечивают мгновенную загрузку интерфейса. Встроенные в браузер API хранения позволяют реализовать всё это без сторонних библиотек.
Основные задачи клиентского хранилища
Сохранение структурированных данных и больших объемов информации.
Кэширование сетевых запросов для повышения производительности.
Работа приложения в условиях нестабильного интернета.
Уменьшение нагрузки на сервер и ускорение рендеринга.
Ключевые технологии, которые вы изучите
IndexedDB: мощная база данных в браузере
IndexedDB позволяет хранить большие массивы JSON‑данных, выполнять быстрый поиск и создавать сложные структуры. Это идеальный выбор, когда localStorage перестает справляться.
Асинхронное API, которое не блокирует поток.
Поддержка транзакций и индексов.
Гибкая работа с объектами и файлами.
CacheStorage: управление сетевыми ресурсами
CacheStorage — ключевая часть Service Worker и основа PWA. Он позволяет кэшировать запросы и обеспечивать работу без интернета.
Контроль над кэшем на уровне запросов и ответов.
Создание собственных стратегий кэширования.
Оптимизация загрузки страниц и работа офлайн.
File System Access API: доступ к локальным файлам
File System API даёт веб-приложениям доступ к файловой системе устройства с разрешения пользователя — возможность, ранее доступная только нативным приложениям.
Чтение и запись файлов напрямую.
Работа с большими данными без перегрузки памяти.
Создание полноценных offline-first инструментов.
Современное состояние Web Storage: квоты, ограничения и поддержка
Клиентские хранилища отличаются по объёму доступных квот, политике очистки и степени поддержки в разных браузерах. В курсе вы узнаете:
как браузеры распределяют доступное место;
когда и почему происходит очистка данных;
как обеспечить максимальное постоянство хранения;
какие API лучше работают в Chrome, Firefox, Safari и на iOS.
Чему вы научитесь
Выбирать подходящее хранилище под задачу.
Проектировать структуру клиентских данных.
Создавать быстрые и устойчивые офлайн‑приложения.
Эффективно использовать IndexedDB, CacheStorage и File System Access API.
Для кого этот курс
Курс подходит разработчикам, которые хотят повысить производительность приложений, улучшить UX и внедрить офлайн‑функциональность — от начинающих до опытных фронтендеров.
FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.
Макс Фиртман работает независимым фриланс-консультантом. Он является разработчиком мобильных и веб-приложений, тренером, спикером и писателем. Он автор многих книг, включая "Программирование для мобильного интернета" и "Высокопроизводительный мобильный веб", опубликованных издательством O’Reilly Media. Макс часто выступает на конференциях по всему миру и широко признан за свою работу в сообществе мобильного интернета. Он преподает тренинги по моб