Ознакомиться с важной информацией: Майнер отключен!

Offline-First Progressive Web Apps (PWA) в Vue.js - Видеоуроки

Offline-First Progressive Web Apps (PWA) in Vue.js
Duration 01:02:51
Открыть все курсы от egghead

Offline-First Progressive Web Apps (PWA) in Vue.js - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Intro to Offline-First Progressive Web Apps in Vue.js 00:01:38
  • Урок 2. Add a Web App Manifest to Create a Progressive Web Application 00:04:20
  • Урок 3. Add Meta Tags for Other Browsers on a PWA 00:02:22
  • Урок 4. Cache Static Assets with Service Workers using sw-precache 00:02:34
  • Урок 5. Integrate Service Worker Generation into Webpack's Build with SW-Precache 00:03:43
  • Урок 6. Register a Service Worker in Production 00:03:28
  • Урок 7. Hot Reload Static Files by Clearing Service Worker Cache while Developing 00:02:37
  • Урок 8. Use a no-op Service Worker in Development 00:05:37
  • Урок 9. Show Notifications when a Service Worker is Installed or Updated 00:04:53
  • Урок 10. Cache External Resources during Runtime with sw-precache 00:06:17
  • Урок 11. Cache Data from TCP/IP Connections with IndexedDB 00:05:32
  • Урок 12. Lazy load Images using Intersection Observer API 00:06:19
  • Урок 13. Check Online Status by using the NavigatorOnLine API 00:03:54
  • Урок 14. Lazy Load a Route by using the Dynamic Import in Vue.js 00:02:33
  • Урок 15. Audit your App with Chrome Devtools 00:04:06
  • Урок 16. Optimize Assets Delivery using preload and prefetch 00:02:58

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

В этом курсе я расскажу вам как взять существующее приложение SPA, сделанное в Vue.js, и прагматически преобразовать его в Progressive Web App, создав веб-манифест, затем оно проходит через кэширование статических активов, внешних ресурсов и потоков, используя service workers, применяя разделение кода и ленивую загрузку, уведомляя о новых версиях приложения пользователя, находится в автономном режиме, понимая директивы preload и precache, заканчивая показом того, как проводить аудит Progressive Web App.

https://github.com/alexjoverm/vue-pwa/tree/lesson-01/add-manifest

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

Твоя оценка

2 0
Следи за последними обновлениями и новостями в наших пабликах facebook, или вступай в наш канал telegram.

Комментарии

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

en 180 уроков
udemy Progressive Web Apps (PWA) - The Complete Guide
Создайте прогрессивное веб-приложение (PWA), которое будет выглядеть как приложение для iOS и Android, используя DeviceCamera, Push Notifications и многое другое. Прогрессивные веб-приложения (PWA) - еще одна важная вещь в веб-разработке, поскольку они позволяют мобильным пользователям не устанавливать приложение из магазина appstore или playmarket.
Duration 13:41:37
12 0
en 13 уроков
frontendmasters Progressive Web Applications and Offline
Прогрессивные веб-приложения (Progressive Web Applications) становятся супергероями, когда они могут, при этом обеспечивая отличный базовый опыт в менее современных браузерах. Они надежные, быстрые, привлекательные, и хотя они могут делать многие вещи, которые пользователи ожидают от родных приложений, они не занимают много места или требуют длительного процесса установки.


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

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

JavaScript алгоритмы и структуры данных Мастер-класс

JavaScript алгоритмы и структуры данных Мастер-класс

en
Этот курс заполняет месяцы работы в области информатики и собеседования всего в 20 часах видео. Я охватываю то же самое информационное содержание, которое помогло моим студентам пройти интервю в таких огромных компаниях, как Google, Tesla, Amazon и Facebook. Ничего из этого не вырезано для онлайн...
[Книга] [Emanuele Feronato] Кроссплатформенная разработка HTML игр с Phaser 3

[Книга] [Emanuele Feronato] Кроссплатформенная разработка HTML игр с Phaser 3

en
Из опыта создания более 250 обучающих программ Phaser через эти 155 страниц и 28 примером вы узнаете, как создавать кросс-платформенные игры HTML5, делая настоящую игру на этом пути, и к концу книги вы получите полностью готовую, с нуля созданную игру "2048". Разработанная как для новичков...
Курс ардуино (Arduino) ; Практический курс

Курс ардуино (Arduino) ; Практический курс

ru
Изучение электроники. Использование датчиков. Создавайте собственные проекты, используя Arduino. В этом курсе мы узнаем много информации об Arduino, как мы можем программировать микроконтроллер и использовать различные датчики для создания большого количества проектов и изучения основ информации...
Продвинутый Elm

Продвинутый Elm

en
Вы потратили время на строительство с Elm, и у вас возникли некоторые вопросы. Каковы наилучшие методы аутентификации, масштабирования, стилизации, структуры модулей, отдельных страниц и оптимизации производительности? Как вы можете декодировать сложные структуры JSON и взаимодействовать с...
Java: модульное программирование с Java 9: 2 в 1

Java: модульное программирование с Java 9: 2 в 1

en
С легкостью создавайте и поддерживайте большие приложения с помощью возможностей модульного программирования в Java 9. Чтобы создать стандартизованный интерфейс и включить модули для связи, вам необходимо разбить среду разработки программного обеспечения на отдельные модули, чтобы минимизировать...
Изучаем React с нуля на реальном проекте

Изучаем React с нуля на реальном проекте

ru
В этом курсе вы изучите, как создавать проекты на React. Вы создадите реальное приложение. Этот курс будет полезен тем, кто хочет изучить React на реальном проекте. Курс будет дополняться - вы получите еще больше обучающих видео уже осенью 2018! Будет записано более 20 часов. Вы изучите все...
chat
logo