7 лучших курсов по прогрессивным веб-приложениям в 2022 году

Прогрессивные веб-приложения (PWA) являются следующей развивающейся тенденцией в веб-разработке благодаря своей способности расширять возможности мобильных приложений и, следовательно, повышать производительность веб-сайта.

Поскольку PWA никуда не денутся, не только для веб-разработчиков, но и для предприятий электронной коммерции важно постоянно обновлять и глубоко понимать концепцию и работу этой новой концепции. Нет лучшего способа сделать это, чем записаться на курс Progressive Web Apps, который, несомненно, даст вам конкурентное преимущество в этой новой технологической тенденции, которая обещает ускориться в ближайшем будущем.

Что такое прогрессивные веб-приложения (PWA)?

PWA , расшифровываемые как Progressive Web Apps, — это веб-сайты, которые благодаря достижениям в области веб-технологий напоминают настоящие нативные приложения для смартфонов или планшетов. Это означает, что любой веб-сайт можно довольно быстро превратить в прогрессивное веб-приложение, по сравнению с нативным приложением, которое требует технических знаний и огромных усилий для разработки и поддержки.

Чтобы лучше понять PWA и его применение, мы предлагаем эксклюзивные статьи об этой трендовой технологии:

• Что такое ПВА?
• Прогрессивные веб-приложения: лучшие примеры 2022 года

В последние годы PWA стали новой технологией, которую сообщество электронной коммерции постепенно использовало в своем бизнесе для оптимизации обслуживания клиентов. Поскольку эта тенденция будет продолжать развиваться, навыки создания и продвижения прогрессивных веб-приложений очень востребованы, особенно для современных разработчиков, работающих в индустрии электронной коммерции.

Основные элементы курса PWA

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

Базовый курс прогрессивных веб-приложений часто включает в себя:

• Введение и характеристики PWA
• Сервисные работники
• Манифест веб-приложения
• Используйте возможности устройства

Тем не менее, в зависимости от технических знаний и целей учащихся каждый курс прогрессивных веб-приложений будет импровизировать содержание курса, чтобы оправдать ожидания учащихся. Поэтому очень важно определить ваши потребности и выбрать наиболее подходящий курс PWA, который впоследствии даст вам конкурентное преимущество!

Лучший курс по прогрессивным веб-приложениям

1. Прогрессивные веб-приложения (PWA) — полное руководство

• Рейтинг курса: 4,7 из 5,0 (всего 9246 оценок)
• Продолжительность: 16 часов

Поскольку этот курс предназначен только для учащихся с основами HTML, CSS и JavaScript, вам не нужно знать какой-либо фреймворк JavaScript, такой как Angular или React, для создания собственных PWA. Студенты научатся добавлять функции в свои обычные веб-приложения, чтобы обеспечить быстрый и привлекательный опыт, сохраняя при этом доступность веб-страницы.

В этом курсе вы узнаете:

• Создавайте веб-приложения, которые выглядят и работают как нативные мобильные приложения для iOS и Android.
• Используйте сервис-воркеров для создания веб-приложений, которые работают без подключения к Интернету (в первую очередь в автономном режиме).
• Используйте функции устройства, такие как камера и геолокация, в своих веб-приложениях.
• Используйте веб-push-уведомления, чтобы увеличить взаимодействие пользователей с вашими веб-приложениями.

2. Введение в прогрессивные веб-приложения от Google — Udacity

• Стоимость курса: Бесплатно
• Продолжительность: прибл. 2 недели

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

В этом курсе вы узнаете:

• Начните создавать собственную оболочку приложения.
• Используйте Service Workers, чтобы ваше приложение могло работать в автономном режиме.
• Определите, какие ресурсы вы должны кэшировать и как использовать эти кэшированные ресурсы в своем приложении.
• Разрешите пользователям устанавливать ваше прогрессивное веб-приложение на главный экран своего устройства.
• Правильно настройте манифест веб-приложения.

3. Прогрессивные веб-приложения: краткий мастер-класс по PWA

• Рейтинг курса: 4,8 из 5,0 (всего 726 оценок)
• Продолжительность: 6 часов

Основное внимание в этом курсе уделяется созданию привлекательных прогрессивных веб-приложений или обновлению существующего веб-сайта PWA с использованием Service Workers, Caches API и манифестов веб-приложений. Студенты должны иметь базовые знания языка JavaScript или контекста JavaScript браузера, поскольку в курсе они не рассматриваются.

В этом курсе вы узнаете:

• Поймите назначение PWA.
• Подробно изучите каждый аспект API Service Worker и Caching API.
• Научитесь добавлять технологии PWA в существующие веб-приложения с помощью прогрессивного улучшения.
• Преобразование существующего веб-приложения в полнофункциональное прогрессивное веб-приложение без ущерба для поддержки старых браузеров.
• Проведите аудит и улучшите прогрессивное веб-приложение с помощью инструмента тестирования Google Lighthouse.

4. Angular: прогрессивные веб-приложения — Linkedin

• Рейтинг курса: всего 14409 зачисленных
• Продолжительность: прибл. 5 часов

Основное содержание курса посвящено тому, как создавать PWA с помощью Angular для включения устанавливаемых веб-приложений, а также использовать Service Workers, чтобы ваше прогрессивное веб-приложение могло работать в автономном режиме. Пользовательский интерфейс и подключение веб-служб также рассматриваются в этом курсе Linkedin.

В этом курсе вы узнаете:

• Прогрессивные веб-приложения
• Подготовка углового приложения
• Создание пользовательского интерфейса
• Подключение к веб-службам
• Создание устанавливаемого PWA
• Переход в автономный режим с помощью Service Workers

5. Мастер-класс по Angular Progressive Web Apps (PWA) — Udemy

• Рейтинг курса: 4,8/5 (378 оценок)
• Продолжительность: прибл. 4 часа

В этом курсе учащиеся в основном сосредоточатся на двух основных предметах: Angular Service Worker и Service Workers Fundamentals. Сказав это, курс по-прежнему охватывает то, как функции браузера PWA работают в целом, а не только в контексте приложения Angular. Завершение этого курса дает вам возможность проектировать, разрабатывать и устранять неполадки ваших собственных PWA, а также добавлять функции PWA с использованием Angular.

В этом курсе вы узнаете:

• Код в репозитории Github с загружаемыми ZIP-файлами для каждого раздела
• Подробно изучите несколько функций, доступных благодаря Angular Service Worker.
• Узнайте, как превратить ваше приложение Angular в PWA
• Сделайте ваше приложение Angular загружаемым и устанавливаемым
• Сделайте ваше приложение Angular устанавливаемым в один клик с помощью манифеста приложения
• Добавьте оболочку приложения для повышения производительности при первом запуске.

и более.

6. React: создание прогрессивных веб-приложений (PWA) – Linkedin

• Рейтинг курса: всего 23707 зачисленных
• Продолжительность: прибл. 1 час

Этот ускоренный курс будет охватывать окончательное руководство по созданию собственных PWA с использованием React, гибкой интерфейсной среды. Изюминкой этого курса прогрессивных веб-приложений является то, что учащиеся узнают, как установить свое приложение локально с помощью таких браузеров, как Chrome и Safari для iOS.

В этом курсе вы узнаете:

• Что такое PWA?
• Настройка: создать приложение React
• Инструменты PWA
• Понимание функций PWA

7. Quasar V1: PWA (с Vue JS 2, Firebase, NodeJS и Express) — Udemy

• Рейтинг курса: 4,8/5 (всего 450 оценок)
• Продолжительность: 15 часов

Этот курс является частью коллекции Udemy Business. Поскольку цель этого курса в основном сосредоточена на создании красивой PWA, которая хорошо работает на всех платформах, учащиеся должны иметь глубокие технические знания в отношении Quasar V1 (с Vue 2) и Quasar V2 (с Vue 3), чтобы получить лучшее из этот курс Udemy.

В этом курсе вы узнаете:

• Как создать красивый PWA-клон Instagram с помощью Vue JS, Quasar и Firebase
• Как интегрировать 5 основных функций PWA: установка главного экрана, предварительное кэширование, стратегии кэширования, фоновая синхронизация и push-уведомления
• Как сделать PWA полностью функциональным в автономном режиме
• Как создать великолепный адаптивный дизайн, который адаптируется к мобильным и настольным компьютерам
• Как получить доступ к встроенной камере и местоположению устройства
• Все о Service Workers, Workbox, Firebase Cloud Firestore, Firebase Storage, NodeJS и Express и многом другом

Вывод

Еще рано говорить, что PWA — это будущее веб-разработки. Записавшись на один из базовых, но информативных курсов по прогрессивным веб-приложениям, перечисленных выше, любой может получить достаточное представление о PWA, а также о его конструкции и приложениях. Мы надеемся, что эта статья поможет вам сузить круг вариантов при выборе подходящего курса PWA, который наилучшим образом соответствует вашим способностям и требованиям на данный момент.