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

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

Твоя оценка

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

Комментарии

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

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
19-06-2018 en 40 уроков
udemy Angular Progressive Web Apps (PWA) MasterClass & FREE E-Book
Практическое руководство по Angular 6 прогрессивным веб-приложениям (PWA). В первой части курса мы собираемся погрузиться прямо в Angular Service Worker и встроенную поддержку Angular CLI PWA. В качестве отправной точки мы собираемся использовать обычное Angular приложение, и мы собираемся начать добавлять функции PWA поверх него, чтобы превратить его в прогрессивное веб-приложение.Мы начнем с добавления оператора Angular Service Worker и...
Duration 03:39:22
2 1
12-06-2018 en 179 уроков
udemy Progressive Web Apps (PWA) - From Beginner to Expert
Узнайте, как обеспечить лучший пользовательский опыт с использованием лучших веб-технологий. Прогрессивные веб-приложения - это просто веб-сайты, которые постепенно становятся приложениями. Но как это происходит? Требуются опытные разработчики, которые понимают новый способ создания быстрых, надежных и привлекательных веб-сайтов. В этом курсе вы узнаете, что такое прогрессивные веб-приложения, зачем их нужно осваивать и почему ваши...
Duration 19:46:59
2 0

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

Разработчик на Spring Framework

Разработчик на Spring Framework

ru
Курс будет полезен всем. От Junior Java-программистов, не имеющих опыта работы со Spring, с минимальным опытом с IoC-контейнером Spring или испытывающих трудности с ним до архитекторов и тех.лидов, желающих узнать про современные возможности Spring для решения высокоуровневых задач.
Appium Android: простое руководство по автоматизации тестирования

Appium Android: простое руководство по автоматизации тестирования

en
Автоматизируйте собственное тестирование мобильных приложений под Android с помощью Appium и Java. Работа с реальными устройствами и эмуляторами Android. Этот курс по автоматизации тестирования мобильных приложений c Appium обучает вас простому, прямому подходу, всего за 5,5 часов видео...
Gatsby - Генератор статических сайтов для React - Полное руководство

Gatsby - Генератор статических сайтов для React - Полное руководство

en
Создавайте потрясающие сверхбыстрые веб-сайты с помощью React и GraphQL, начинайте работу со стеком JAM и подходом Headless CMS. В этом курсе вы узнаете, как создавать удивительные и сверхбыстрые статические веб-сайты с помощью Gatsby.js. Gatsby - это невероятно быстрый современный генератор...
Изучение Python, Tkinter и Django

Изучение Python, Tkinter и Django

ru
​Данный видео курс предназначен для людей, которые хотят научиться программировать на языке Python. В курсе будут рассмотрены базовые моменты языка Питон, а также рассмотрена тема работы с библиотеками. Вы научитесь писать программы под ПК при помощи фреймворка TKinter, а также создавать мощные...
Serverless React c AWS Amplify - Полное Руководство

Serverless React c AWS Amplify - Полное Руководство

en
Создавайте полнофункциональные приложения React быстрее, чем когда-либо, которые масштабируются до миллионов пользователей и работают исключительно в облаке! Хотите создавать удивительные, производительные и в целом лучшие приложения React? Смотрите не дальше, чем AWS Amplify. Этот курс - лучшее...
BDD с Cucumber и Serenity BDD

BDD с Cucumber и Serenity BDD

en
Изучите все навыки, необходимые для работы BDD в вашей команде, используя BDD Cucumber и Serenity. BDD, - это чрезвычайно эффективная практика доставки программного обеспечения, которая помогает командам лучше сотрудничать и сосредоточиться на предоставлении действительно важных функций. Cucumber...
Курс по айдентике

Курс по айдентике

ru
В основе курса методика, которая применяется в российских брендинговых агентствах и Высшей Школе Брендинга. Курс записан в ноябре 2017, состоит из 20 вебинаров. Каждая лекция завершается домашним заданием и списком полезных книг для развития навыка. Вы можете выполнять один из учебных брифов...
chat
logo