Прогрессивные веб-приложения в React с create-react-app - Видеоуроки

Progressive Web Apps in React with create-react-app
Duration 00:46:03
Открыть все курсы от egghead
Облачный хостинг на SSD с лучшей техподдержкой! Развернуть приложение в один клик

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

В этом курсе мы создадим онлайн / офлайн приложение для создания заметок. Мы будем использовать create-react-app для создания внешнего интерфейса и node.js для создания простого внутреннего интерфейса. Мы начнем с того, что убедимся, что приложение может отображаться в автономном режиме с использованием кэшированных ресурсов, и узнаем, как сохранить данные, пока приложение находится в автономном режиме. Мы также будем взаимодействовать с собственными функциями, такими как камера, и узнаем, как разрешить пользователям устанавливать приложение на домашнем экране телефона. Затем мы настроим внешний вид приложения, включая значок приложения, заставку и строку состояния телефона.

Наконец, мы развернем производственное приложение на heroku. К концу этого курса у вас будет все необходимое для создания Progressive Web App с React.

https://github.com/nanohop/todo-pwa/

Название ветки соответствует названию урока.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Course Introduction: Progressive Web Apps in React with create-react-app 00:01:44
  • Урок 2. Create a Progressive Web App with React and Register a Service Worker 00:03:49
  • Урок 3. View the Service Worker and the Cache, and Debug a PWA with Chrome’s Dev Tools 00:03:41
  • Урок 4. Use a Custom Service Worker in a create-react-app PWA without Ejecting 00:04:04
  • Урок 5. Pre-cache Static Resources with Workbox and View a React PWA Offline 00:01:22
  • Урок 6. Listen for `install` and `activate` PWA Events in a Service Worker 00:02:02
  • Урок 7. Cache Third Party Resources from a CDN in a React PWA 00:02:42
  • Урок 8. Cache JSON Data in a React PWA with Workbox, and Display it while Offline 00:01:07
  • Урок 9. Add an Offline Status Indicator to a PWA with React 00:01:43
  • Урок 10. Show an Error when a POST or DELETE Fails in an Offline PWA 00:02:34
  • Урок 11. Add a Custom App Icon to a PWA built with create-react-app 00:01:34
  • Урок 12. Change the Name and Short Name of a PWA built with create-react-app 00:01:32
  • Урок 13. Add a PWA to the Home Screen of an iOS or Android Device, and the Chrome App Home Screen 00:01:50
  • Урок 14. Add Navigation Elements in React to a PWA in Standalone Mode 00:01:31
  • Урок 15. Access the Camera in a PWA built with React 00:04:03
  • Урок 16. Add Push Notifications to a PWA with React in Chrome and on Android 00:04:05
  • Урок 17. Disable Text Selection and Touch Callouts in a PWA on iOS 00:01:06
  • Урок 18. Change the Status Bar Color on iOS and Android in a PWA 00:02:12
  • Урок 19. Customize the Splash Screen of a PWA built with create-react-app 00:01:39
  • Урок 20. Do a PWA Audit with Lighthouse using Chrome Dev Tools 00:01:43
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 05.03.2019. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

12-06-2018 en 179 уроков
udemy Progressive Web Apps (PWA) - From Beginner to Expert
Узнайте, как обеспечить лучший пользовательский опыт с использованием лучших веб-технологий. Прогрессивные веб-приложения - это просто веб-сайты, которые постепенно становятся приложениями. Но как это происходит? Требуются опытные разработчики, которые понимают новый способ создания быстрых, надежных и привлекательных веб-сайтов. В этом курсе вы узнаете, что такое прогрессивные веб-приложения, зачем их нужно осваивать и почему ваши...
Duration 19:46:59
3 0
21-11-2018 en 180 уроков
udemy Progressive Web Apps (PWA) - The Complete Guide
Создайте прогрессивное веб-приложение (PWA), которое будет выглядеть как приложение для iOS и Android, используя DeviceCamera, Push Notifications и многое другое. Прогрессивные веб-приложения (PWA) - еще одна важная вещь в веб-разработке, поскольку они позволяют мобильным пользователям не устанавливать приложение из магазина appstore или playmarket.
Duration 13:41:14
23 1
30-11--0001 en 13 уроков
frontendmasters Progressive Web Applications and Offline
Прогрессивные веб-приложения (Progressive Web Applications) становятся супергероями, когда они могут, при этом обеспечивая отличный базовый опыт в менее современных браузерах. Они надежные, быстрые, привлекательные, и хотя они могут делать многие вещи, которые пользователи ожидают от родных приложений, они не занимают много места или требуют длительного процесса установки.


В этом семинаре мы начнем с «классического»...
Duration 13:03:51
13 0
14-05-2018 en 77 уроков
udemy Progressive Web App Development: A Complete Guide: 2-in-1
Упростите разработку и развертывание приложений, создав приложения с улучшенными возможностями.Технология веб-разработки продвигается очень быстрыми темпами с выпуском новых инструментов и технологий.Благодаря этому всестороннему учебному курсу «2 в 1» вы узнаете все, что вам нужно, о необходимых инструментах, необходимых для того, чтобы стать лучшим веб-разработчиком. Кроме того, вы можете создавать открытые и привлекательные...
Duration 09:29:35
2 2

Последнее добавленное

Полный курс по программированию на Python для начинающих

Полный курс по программированию на Python для начинающих

en
Изучите Python для AI, машинного обучения, науки о данных и разработки приложений. Математики, ученые и инженеры любят Python. Почему? Потому что он делает сложные вычисления и повторяющиеся задачи действительно простыми для написания и выполнения. Разработчики любят его, потому что он простой...
Python для анализа данных

Python для анализа данных

ru
«Данные — это новая нефть». Они помогают усовершенствовать продукт, привлечь новых пользователей и являются драйвером роста любой компании. Компании во всем мире используют Python для сбора и анализа данных. В Uber, Yandex и Facebook, знание Python является обязательным требованием при приеме...
Flutter и Dart: полноценное мобильное приложение™

Flutter и Dart: полноценное мобильное приложение™

en
Изучение того, как создавать приложения для iOS и Android, с полным демонстрационным примером на основе Dart и Flutter Framework. Flutter - это SDK для мобильных приложений, предназначенный для создания высококачественных собственных интерфейсов на iOS и Android в рекордно короткие сроки. Flutter ра
Flutter: кроссплатформенное приложение iOS / Android

Flutter: кроссплатформенное приложение iOS / Android

en
Создавайте кроссплатформенные красивые нативные приложения в рекордно короткие сроки. Flutter - это SDK для мобильных приложений, в комплекте с фреймворком, виджетами и инструментами, который предоставляет разработчикам простой и продуктивный способ создания и развертывания красивых мобильных...
Программирование на Dart от новичка до эксперта

Программирование на Dart от новичка до эксперта

en
Изучите Dart с уровня Beginner и станьте экспертом, который может начать изучать Flutter, AngularDart и многое другое. В этом курсе вы узнаете все, что вам нужно знать о Dart. Dart - это язык, который становится популярным день ото дня, и разработчики по всему миру стремятся к этому языку...
Понятный JavaScript (Middle)

Понятный JavaScript (Middle)

ru
Хочешь стать JavaScript разработчиком, систематизировать знания и выйти на совершенно новый уровень! Курс «Понятный JavaScript» — это комплексная программа обучения, которая позволит тебе полностью изучить с нуля главный язык Frontend разработчика. Уже через 3 месяца ты будешь знать JavaScript...
chat
logo