Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №1

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №2

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №3

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №4

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №5

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №6

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №7

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №8

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №9

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №10

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №11

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №12

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №13

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №14

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №15

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №16

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №17

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №18

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №19

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №20

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №21

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №22

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №23

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №24

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №25

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №26

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №27

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №28

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №29

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №30

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №31

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №32

Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC, слайд №33

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Инсталлируемые веб-приложения Service Workers, Cache API, WebRTC. Доклад-сообщение содержит 33 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Инсталлируемые Веб приложения Service Workers, Cache API, WebRTC

Слайд 2

Описание слайда:

Краткая история одного стартапа

Слайд 3

Описание слайда:

Слайд 4

Описание слайда:

Инсталляция

Слайд 5

Описание слайда:

Инсталляция iOS

Слайд 6

Описание слайда:

Слайд 7

Описание слайда:

Слайд 8

Описание слайда:

Проблемы приложений Нет поискового трафика Нет трафика с емейл рассылок Нет кроссплатформенности

Слайд 9

Описание слайда:

Слайд 10

Описание слайда:

Progressive Web Apps Progressive - Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet. Responsive - Fit any form factor: desktop, mobile, tablet, or whatever is next. Connectivity independent - Enhanced with service workers to work offline or on low quality networks. App-like - Feel like an app to the user with app-style interactions and navigation because it's built on the app shell model. Fresh - Always up-to-date thanks to the service worker update process.

Слайд 11

Описание слайда:

Progressive Web Apps Safe - Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with. Discoverable - Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them. Re-engageable - Make re-engagement easy through features like push notifications. Installable - Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store. Linkable - Easily share via URL and not require complex installation.

Слайд 12

Описание слайда:

Инсталляция Working Draft 26 April 2016 Chrome + Mozilla + Opera + Edge Under Consideration Safari -

Слайд 13

Описание слайда:

Инсталляция

Слайд 14

$Инсталляция Название приложения { name: “My totally awesome photo app” short_name: “Photos” }$

Описание слайда:

Инсталляция Название приложения { name: “My totally awesome photo app” short_name: “Photos” }

Слайд 15

Описание слайда:

Инсталляция Иконки { "icons": [{ "src": "icon/lowres", "sizes": "64x64", "type": "image/webp" }] }

Слайд 16

Описание слайда:

Инсталляция Режим отображения и ориентация { "display": "fullscreen", "orientation": "landscape" } fullscreen, standalone, minimal-ui, browser

Слайд 17

$Инсталляция Стартовая страница { start_url: “/start_screen.html” }$

Описание слайда:

Инсталляция Стартовая страница { start_url: “/start_screen.html” }

Слайд 18

Описание слайда:

Инсталляция Scope { “scope”: “/myapp” }

Слайд 19

Описание слайда:

Инсталляция Обнаружение инсталляции @media all and (display-mode: standalone){ …} if (window.matchMedia("(display-mode: standalone)").matches) { /* Приложение установлено */ } else { /* Вывести пользователю надоедающий баннер */ }

Слайд 20

Описание слайда:

Инсталляция Момент инсталляции function handleInstall(ev){ const date = new Date(ev.timeStamp / 1000); console.log(`Yay! Our app got installed at ${date.toTimeString()}`); } window.oninstall = handleInstall; // Using .addEventListener() window.addEventListener("install", handleInstall);

Слайд 21

Описание слайда:

Инсталляция

Слайд 22

Описание слайда:

Camera

Слайд 23

Описание слайда:

Camera

Слайд 24

Описание слайда:

Camera

Слайд 25

Описание слайда:

Camera

Слайд 26

Описание слайда:

Camera

Слайд 27

Описание слайда:

Camera

Слайд 28

Описание слайда:

Service Workers

Слайд 29

Описание слайда:

Service Workers

Слайд 30

Описание слайда:

Кеширование файлов var CACHE_NAME = 'app_serviceworker_v_1', cacheUrls = [ '/test_serviceworker/', '/test_serviceworker/index.html', '/test_serviceworker/css/custom.css', '/test_serviceworker/images/icon.png', '/test_serviceworker/js/main.js' ];

Слайд 31

Описание слайда:

Кеширование файлов self.addEventListener('install', function(event) { event.waitUntil( // находим в глобальном хранилище Cache-объект с нашим //именем. если такого не существует, то он будет создан caches.open(CACHE_NAME).then(function(cache) { // загружаем в наш cache необходимые файлы return cache.addAll(cacheUrls); }) ); });