View
155
Download
2
Category
Preview:
Citation preview
Progressive Web AppsJeff Burtoft - @boyofgreen
Progressive Web App
Progressive Web Applications take advantage of new
technologies to bring the best of web sites and native
applications to users. They're reliable, fast, and
engaging.
What does it mean to be progressive
Progressive enhancement uses web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page, while also providing an enhanced version of the page to those with more advanced browsers
W3C ManifestOne manifest to rule them all
App Container1st class runtime environment for web apps
Service WorkersA web worker that can run independent of
Page and in the background
{x}
Service Workers
Supported by :
promises
Cache API
Notifications
Fetch
Promises:
Fetch:Our main objective
Notifications:
Cache API:
W3C Manifest
Start page
Scope
Theme
Icons
Language
Etc.
{x}
W3C Manifest
App Container
Presentation
Backgrounding
App Management
Install / Uninstall
App Container
Progressive Web Apps
Should work everywhere
One app to rule them all
Tooling: Manifoldjs
Browser Site
W3C Manifest
PWA
Chrome App
HWA
Windows 10 App
Manifoldjs Polyfills
iOS
Android
Other platforms
Mac., Office, FF etc.
Tooling: Manifoldjs
Store Submission
App Packaging
Image generation
Native API access
W3C Manifest Creation
Offline Scenarios
App Testing
Are PWAs ready yet?
Being “Progressive” about the way use utilize them will allow you to take
advantage of the strengths of each platform, without loosing backwards
compatibility
Next Steps
//developers.google.com/web/progressive-web-apps/
dev.windows.com/bridges/hosted-web-apps
//www.manifoldjs.com
//dev.windows.com
//vorlonjs.com
DiscussionTime
What are your plans for PWA?
What do you think you can do right now?
What is your app strategy today?
What else is missing from this strategy?
What should we do next?
Stay Connected
dev.windows.com
www.thishereweb.com
www.manifoldjs.com
@boyofgreen
Recommended