Перейти к содержанию

Неделя 3. Инструменты разработчика PWA

Visual Guide to DevTools Week!

Что мы рассмотрим на третьей неделе:

  • Создание новых PWA


    • Использование расширения PWA Studio Visual Studio Code для начала создания PWA
    • Создание PWA с помощью шаблона кода PWA Starter
    • Как начать работу
    • Взгляд на то, что находится под капотом.

    Создание новых PWA

  • Преобразование веб-приложения в PWA


    • Что такое PWABuilder.com
    • Как это работает
    • Почему стоит использовать PWABuilder
    • Оценка и публикация PWA с помощью PWABuilder.com

    Преобразование веб-приложения в PWA

  • Инструменты отладки #1


    • Тестирование на других устройствах
    • Устранение проблем с установкой
    • Перезагрузка изменений манифеста
    • Устранение проблем с рабочим сервером
    • Устранение проблем с кэшем
    • Тестирование в автономном режиме

    Инструменты отладки #1

  • Инструменты отладки #2


    • Проверка и сброс прав доступа пользователей
    • Управление уведомлениями
    • Запись событий фоновой синхронизации и выборки
    • Просмотр и редактирование хранилища IndexedDB

    Инструменты отладки #2

  • Инструменты аудита


    • Зачем нужен аудит PWA
    • Аудит с помощью PWABuilder
    • Аудит доступности с помощью Webhint
    • Аудит производительности с помощью Lighthouse и Edge Devtools

    Инструменты аудита

  • Средства автоматизации тестирования


    • Определение задач тестирования PWA
    • Рабочий процесс и автоматизация тестирования
    • Введение в Playwright
    • Надежное, сквозное тестирование PWA

    Средства автоматизации тестирования

  • Средства упаковки


    • Об упаковке PWA для магазина
    • Процесс упаковки PWA
    • Преимущества публикации в Microsoft Store?

    Средства упаковки

Визуальный баннер для недели DevTools!

Комментарии