Прогрессивные веб‑приложения (PWA) — это современный способ создавать быстрые, надежные и удобные веб‑интерфейсы, которые работают как нативные приложения. На этом курсе вы шаг за шагом научитесь превращать обычное одностраничное приложение в полноценное PWA с оффлайн‑поддержкой, оптимизированной загрузкой и улучшенным UX.
Что вы изучите на курсе
Программа обучения построена вокруг практического улучшения «классического» SPA‑приложения. Вы разберете ключевые технологии PWA и узнаете, как они помогают повысить скорость, стабильность и удобство использования веб‑приложений.
Оптимизация интерфейса и улучшение мобильного опыта
Сначала вы добавите в приложение важные мобильные метаданные и научитесь тестировать адаптивность и поведение интерфейса на реальных устройствах при помощи Android Studio и iOS Simulator.
Ключевые навыки
Настройка метаданных для mobile-first приложений
Проверка отображения и поведения в эмуляторах
Выбор оптимальных форматов изображений (png, jpeg, современные алгоритмы сжатия)
Работа с service worker и кэшированием
Следующим шагом вы добавите service worker и освоите несколько стратегий кэширования, которые позволят вашему приложению работать даже без доступа к сети.
Вы научитесь
Регистрировать и настраивать service worker
Применять разные подходы к кэшированию контента
Обеспечивать оффлайн‑доступ к ключевым разделам приложения
Использование IndexedDB для хранения данных
Вы внедрите IndexedDB для локального хранения структурированных данных. Это позволит сохранять пользовательский контент и обеспечивать его доступность как в приложении, так и в рамках service worker scopes.
Ускорение загрузки и оптимизация производительности
Заключительный этап посвящен снижению веса бандла и ускорению первой загрузки приложения.
Техники оптимизации
Разделение кода (code splitting)
Минификация и оптимизация сборки
Использование Rollup и Prepack
В результате вы получите трансформированное приложение, которое быстро загружается при первом посещении и работает почти мгновенно при последующих открытиях — даже в оффлайне.
FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.