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

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

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

Твоя оценка

1 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
10 0
en 13 уроков
frontendmasters Progressive Web Applications and Offline
Прогрессивные веб-приложения (Progressive Web Applications) становятся супергероями, когда они могут, при этом обеспечивая отличный базовый опыт в менее современных браузерах. Они надежные, быстрые, привлекательные, и хотя они могут делать многие вещи, которые пользователи ожидают от родных приложений, они не занимают много места или требуют длительного процесса установки.


В этом семинаре мы начнем с «классического»...
Duration 13:03:51
9 0

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

Создайте приложение с React, Redux и Firestore с нуля

Создайте приложение с React, Redux и Firestore с нуля

en
Узнайте, как создать веб-приложение с помощью React, Redux и Firestore с нуля до развертывания. Вы хотите изучить React и Redux в контексте построения полного приложения? Вы хотите узнать о Firestore, новой базе данных от Google, которая предоставляет «живые данные» для нашего приложения?
JavaScript: Новые Жесткие Части

JavaScript: Новые Жесткие Части

en
«На этом семинаре мы разработаем интуитивное понимание новых возможностей JavaScript в ES6 и ES7: итераторы, генераторы, обещания и async / await». Понимание этих областей является основой того, чтобы быть способным инженером JavaScript. Для этого мы получим четкое представление о стеке вызовов...
Профессиональная разработка темы WordPress

Профессиональная разработка темы WordPress

en
Создание замечательных тем WordPress c нуля / 4 завершенные проекты / 26 файлов PSD / расширенные темы. Начните создавать свои собственные CUSTOM WordPress Themes с нуля с помощью этого 100% практического курса. WordPress поддерживает 25% всех веб-сайтов в мире - разработка WordPress Темы
Основы Swift c нуля

Основы Swift c нуля

ru
Начните программировать на новейшем языке уже через 2-3 недели и создавайте мобильные приложения для iPhone/iPad и других OS. Для обучения НЕ требуется MacBook. Версия: Swift 4. Swift - относительно новый язык программирования, с помощью которого можно создавать приложения...
Pазработчик BigData. Часть 1 из 5

Pазработчик BigData. Часть 1 из 5

ru
В настоящее время каждый сервис или устройство генерируют огромное количество данных. С помощью методов машинного обучения из данных стало возможным извлекать полезные знания. По этой причине данные становятся самым ценным ресурсом в бизнесе, а умение извлекать из данных информацию...
Laravel React CRUD/SPA Приложение за 2 часа

Laravel React CRUD/SPA Приложение за 2 часа

en
Научитесь делать GET POST PUT и DELETE запросы на laravel backend с помощью axios из React Components. Постройте CRUD / SPA. Научитесь делать CRUD (создавать, читать и удалять) / SPA (одностраничное приложение) Приложение, использующее Laravel и React JS всего за 2 часа! Этот 100-процентный...
Полный курс по Angular 2, 4, 5, 6 в глубине - Легкий путь!

Полный курс по Angular 2, 4, 5, 6 в глубине - Легкий путь!

en
Angular 6 CLI, Routing, Services, Pipes, Ajax и REST Api calls, RxJs, Angular Material Design, Проект и многое другое. Курс покрывает ввесь Ангулар с нуля! Вам НЕОБХОДИМО иметь предварительное знание Ангулар или TypeScript. От среды настройки до развертывания этот курс охватывает все такие...
Ruby on Rails с React и Angular

Ruby on Rails с React и Angular

en
Создавайте динамические веб-приложения с помощью Rails и с React, Angular, Yarn и Webpack в качестве фронтенда. Создавайте веб-приложения с дико популярными React JS, AngularJS и Ruby on Rails 5. Сегодня это самые популярные высокопоставленные веб-технологии в мире. Среди многих других функций...
Руководство по хранению данных на стороне клиента

Руководство по хранению данных на стороне клиента

en
JavaScript, HTML5, Cookies, WebStorage, LocalStorage, SessionStorage, IndexedDB, WebSQL и другое. Один и наиболее полных курсов по хранению данных на стороне клиента на Udemy! В современной веб-разработке клиентская сторона все больше и больше замещает серверную. Современные браузеры теперь...
chat
logo