Программирование [udemy] Angular прогрессивные веб-приложения (PWA) МастерКласс + Книга (2018)

[𝕯𝖆𝖗𝖐🥰𝕬𝖓𝖌𝖊𝖑]

Автор: udemy​

Название: Angular прогрессивные веб-приложения (PWA) МастерКласс + Книга (2018)​

Продолжительность: 3 ч 41 мин Количество уроков: 41 Видео Язык: Английский Вес архива: 791 МБ

Этот мастер‑класс по Angular PWA поможет вам не просто повторить шаги инструкций, а глубоко понять, как работают прогрессивные веб‑приложения изнутри. Курс сочетает практику, теорию и проработку подкапотных механизмов, чтобы вы могли уверенно внедрять PWA‑функциональность в любые Angular‑проекты.

Что вы изучите в первой части курса

Первый блок полностью посвящён практической работе с Angular Service Worker и встроенной поддержкой PWA в Angular CLI. Вы возьмёте обычное Angular‑приложение и шаг за шагом превратите его в полноценное прогрессивное веб‑приложение.

Работа с Angular Service Worker

• Включение Service Worker в проект и активация режима установки приложения.
• Понимание схемы управления версиями приложения.
• Изучение стратегий кеширования для динамических данных и пакетов приложения.

Формирование Application Shell

Вы научитесь использовать Angular Universal и Angular CLI для генерации Application Shell, чтобы приложение загружалось почти мгновенно даже при слабой сети.

One‑Click Install и Push‑уведомления

• Добавление app manifest для установки приложения в один клик.
• Настройка Push Notifications через Angular Service Worker.

Глубокое понимание PWA и инфраструктуры браузера

Во второй части курса вы перейдёте от практики к фундаментальному пониманию технологий, лежащих в основе PWA. Эти знания пригодятся вне зависимости от используемого фреймворка.

Ключевые API и возможности

• Service Workers и их жизненный цикл.
• App Manifest и шаги установки приложения.
• Cache Storage API и механизмы кеширования контента.

Работа с DevTools

Использование Chrome PWA DevTools для проверки, тестирования и устранения неполадок позволяет увидеть всю работу приложения изнутри и понимать, что происходит на каждом этапе.

Почему PWA — технология будущего

Поддержка PWA стремительно растёт: Safari, Windows‑ПК, Android — все современные платформы готовы к установке и использованию веб‑приложений нового поколения.

Основные преимущества

• Приложения работают как нативные, но устанавливаются напрямую из браузера.
• Доступны офлайн‑режим, мгновенная загрузка и автономные обновления.
• Можно использовать современные веб‑API: Bluetooth, платежи, фоновые задачи.
• Скорость запуска выше в разы благодаря локальному кешированию.

Подробный обзор содержания курса

Изучение Service Worker с нуля

Вы разберёте жизненный цикл Service Worker, научитесь работать с версионностью и создавать собственные сценарии кеширования.

Практические задачи

• Создание офлайн‑страницы с использованием Cache API.
• Использование Async/Await для упрощения работы с промисами.
• Реализация полной загрузки и установки приложения.

Производительность и управление версиями

Вы смоделируете медленную сеть, протестируете поведение приложения и научитесь очищать старые версии для контроля над инсталляциями.

Работа с данными

• Кеширование данных View Model с помощью IndexedDB и Service Worker.
• Внедрение фоновой синхронизации для обновления данных без участия пользователя.

App Manifest и Lighthouse‑аудит

После настройки манифеста вы проверите приложение через Lighthouse и получите рекомендации по улучшению качества, производительности и доступности PWA.

Web Push и уведомления

Вы настроите сервер Node.js для отправки пуш‑уведомлений и интегрируете его с Service Worker, чтобы создать полноценную систему уведомлений.

Чему вы научитесь

• Понимать, как работают PWA независимо от фреймворка.
• Настраивать PWA‑функции и устранять ошибки через Chrome DevTools.
• Использовать Angular Service Worker и Angular CLI для автоматизации внедрения PWA.

Что вы сможете делать после завершения

• Проектировать и разрабатывать сложные прогрессивные веб‑приложения.
• Быстро добавлять PWA‑функциональность в Angular‑проекты.
• Понимать и исправлять проблемы в работе Service Worker и кеширования.

СКАЧАТЬ: