Последние новости: Свежий coursehunters.club

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

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

Твоя оценка

4 1
Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

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

en 180 уроков
udemy Progressive Web Apps (PWA) - The Complete Guide
Создайте прогрессивное веб-приложение (PWA), которое будет выглядеть как приложение для iOS и Android, используя DeviceCamera, Push Notifications и многое другое. Прогрессивные веб-приложения (PWA) - еще одна важная вещь в веб-разработке, поскольку они позволяют мобильным пользователям не устанавливать приложение из магазина appstore или playmarket.
Duration 13:41:37
17 1
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
2 1
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

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

Gulp Сборка. Ускорение верстки

Gulp Сборка. Ускорение верстки

ru
Как вам идея зарабатывать больше, ускорив свой рабочий процесс, за счет внедрения новых инструментов? Все еще используете HTML + CSS? Переходи на красную сторону силы! У нас есть Gulp - Автообновление в браузере, LESS/SASS разложен по модулям, Нет дублированию кода, Компонентый подход.
Веб-разработка Full-Stack | Node, SQL, React и многое другое

Веб-разработка Full-Stack | Node, SQL, React и многое другое

en
Создайте проект fullstack с помощью Node.js, PostgreSQL, SQL, React, Redux! API, аутентификация и многое другое! Это тот курс, который вам нужен, прежде чем стать инженером. Это тот курс, который был мне нужен, прежде чем я стал инженером-программистом, работающим в центре города в Сан-Франциско.
Изучение Blockchain разработки с EOS и C++

Изучение Blockchain разработки с EOS и C++

en
Изучите экосистему ЕOS dApp и узнайте, как писать и развертывать смарт-контракты в EOSIO блокчейн. Смарт-контракты? Они здесь. EOS Blockchain? Да. C ++? Тут! Не может быть никаких сомнений: технология EOS и blockchain является самой разрушительной силой за последние годы. Компании не могут...
Знакомство с API ВКонтакте от Тарасова Алексея

Знакомство с API ВКонтакте от Тарасова Алексея

ru
Курс о том, как отправлять запросы к программному интерфейсу сервиса ВКонтакте и получать или размещать информацию в соц. API – это программный интерфейс взаимодействия между главным приложением (ВКонтакте) и дополнительными внешними приложениями. С помощью HTTP запросов к специальному серверу...
Асинхронные методы и примеры в Python

Асинхронные методы и примеры в Python

en
Поддержка асинхронного и параллельного программирования Python сильно недооценена. В этом курсе вы узнаете весь спектр параллельных API-интерфейсов Python. Мы начнем с изучения новых и мощных асинхронных и ожидающих ключевых слов вместе с базовым модулем: asyncio. Затем мы перейдем к потокам...
chat
logo