Прогрессивные веб-приложения (PWA) позволяют пользователю использовать ваше веб-приложение в Интернете или в автономном режиме и позволяют ему устанавливать приложение на свое устройство iOS или Android, как собственное приложение. Звучит отлично, правда? Но может быть сложно правильно настроить PWA, и не каждая функция работает на каждом браузере или устройстве.
В этом курсе мы создадим онлайн / офлайн приложение для создания заметок. Мы будем использовать create-react-app для создания внешнего интерфейса и node.js для создания простого внутреннего интерфейса. Мы начнем с того, что убедимся, что приложение может отображаться в автономном режиме с использованием кэшированных ресурсов, и узнаем, как сохранить данные, пока приложение находится в автономном режиме. Мы также будем взаимодействовать с собственными функциями, такими как камера, и узнаем, как разрешить пользователям устанавливать приложение на домашнем экране телефона. Затем мы настроим внешний вид приложения, включая значок приложения, заставку и строку состояния телефона.
Наконец, мы развернем производственное приложение на heroku. К концу этого курса у вас будет все необходимое для создания Progressive Web App с React.
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Progressive Web Apps in React with create-react-app,
а также все другие курсы, прямо сейчас!
Course Introduction: Progressive Web Apps in React with create-react-app
Урок 2.00:03:49
Create a Progressive Web App with React and Register a Service Worker
Урок 3.00:03:41
View the Service Worker and the Cache, and Debug a PWA with Chrome’s Dev Tools
Урок 4.00:04:04
Use a Custom Service Worker in a create-react-app PWA without Ejecting
Урок 5.00:01:22
Pre-cache Static Resources with Workbox and View a React PWA Offline
Урок 6.00:02:02
Listen for `install` and `activate` PWA Events in a Service Worker
Урок 7.00:02:42
Cache Third Party Resources from a CDN in a React PWA
Урок 8.00:01:07
Cache JSON Data in a React PWA with Workbox, and Display it while Offline
Урок 9.00:01:43
Add an Offline Status Indicator to a PWA with React
Урок 10.00:02:34
Show an Error when a POST or DELETE Fails in an Offline PWA
Урок 11.00:01:34
Add a Custom App Icon to a PWA built with create-react-app
Урок 12.00:01:32
Change the Name and Short Name of a PWA built with create-react-app
Урок 13.00:01:50
Add a PWA to the Home Screen of an iOS or Android Device, and the Chrome App Home Screen
Урок 14.00:01:31
Add Navigation Elements in React to a PWA in Standalone Mode
Урок 15.00:04:03
Access the Camera in a PWA built with React
Урок 16.00:04:05
Add Push Notifications to a PWA with React in Chrome and on Android
Урок 17.00:01:06
Disable Text Selection and Touch Callouts in a PWA on iOS
Урок 18.00:02:12
Change the Status Bar Color on iOS and Android in a PWA
Урок 19.00:01:39
Customize the Splash Screen of a PWA built with create-react-app
Урок 20.00:01:43
Do a PWA Audit with Lighthouse using Chrome Dev Tools
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Прогрессивные веб-приложения (PWA) - от новичка до эксперта
Progressive Web Apps (PWA) - From Beginner to Expert
Узнайте, как обеспечить лучший пользовательский опыт с использованием лучших веб-технологий. Прогрессивные веб-приложения - это просто веб-сайты, которые постепенно становятся приложениями. Но как это происходит? Требуются опытные разработчики, которые понимают новый способ создания быстрых, надежных и привлекательных веб-сайтов. В этом курсе вы узнаете, что такое прогрессивные веб-приложения, зачем их нужно осваивать и почему ваши заинтересованн
Создайте прогрессивное веб-приложение (PWA), которое будет выглядеть как приложение для iOS и Android, используя DeviceCamera, Push Notifications и многое другое. Прогрессивные веб-приложения (PWA) - еще одна важная вещь в веб-разработке, поскольку они позволяют мобильным пользователям не устанавливать приложение из магазина appstore или playmarket.
Прогрессивные веб-приложения (Progressive Web Applications) становятся супергероями, когда они могут, при этом обеспечивая отличный базовый опыт в менее современных браузерах. Они надежные, быстрые, привлекательные, и хотя они могут делать многие вещи, которые пользователи ожидают от родных приложений, они не занимают много места или требуют длительного процесса установки.
В этом семинаре мы начнем с «классического» одностраничного приложени
Разработка прогрессивного веб-приложения (PWA): полное руководство: 2-в-1
Progressive Web App Development: A Complete Guide: 2-in-1
Упростите разработку и развертывание приложений, создав приложения с улучшенными возможностями.Технология веб-разработки продвигается очень быстрыми темпами с выпуском новых инструментов и технологий.Благодаря этому всестороннему учебному курсу «2 в 1» вы узнаете все, что вам нужно, о необходимых инструментах, необходимых для того, чтобы стать лучшим веб-разработчиком. Кроме того, вы можете создавать открытые и привлекательные прогрес
Прогрессивные Веб-Приложения: Краткий Мастер-Класс По PWA
Progressive Web Apps: The Concise PWA Masterclass
Научитесь создавать прогрессивные веб-приложения (PWA) с нуля или обновлять существующие веб-приложения до PWA с помощью Service Workers, Cache API и манифестов веб-приложений.