Прогрессивные веб‑приложения (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
В результате вы получите трансформированное приложение, которое быстро загружается при первом посещении и работает почти мгновенно при последующих открытиях — даже в оффлайне.
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.