Downloaded 32 times
![{
“name": "Ionic Sample App",
"start_url": "index.html",
"display": "standalone",
"icons": [{
"src": "img/appicon.png",
"sizes": "512x512",
"type": "image/png"
}],
"background_color": "#387ef5",
"theme_color": "#387ef5"
}
Web app manifest
http://bit.ly/maniMDN](https://image.slidesharecdn.com/angularconnect-160927203723/85/Angular-Connect-15-320.jpg)
More Related Content
Angular Connect
- 1. Ionic & ProgressiveWeb Apps Brandy Carney Core Framework Developer,Ionic Adam Bradley Framework Lead,Ionic
- 2. Who are we? BrandyCarney Core Dev @ Ionic brandyscarney brandyscarney Adam Bradley Team Lead @ Ionic adamdbradley adamdbradley
- 3.
- 4. A Progressive WebApp is… Amobilewebappthat feels like a native app.
- 5. Why does thismatter?
- 6.
- 7.
- 8. Progressive works forevery user App-like looks and feels native Connectivity Independent offline support Discoverable easily found through search Linkable access via URL Installable save to home screen Re-engageable push notification support http://bit.ly/waPWA
- 10. Beautiful UI Built onAngular Wonderful community Built on web+browser standards Collaboration from designers+developers http://github.com/driftyco/ionic
- 11.
- 12. Native Scrolling Hardware AcceleratedAnimations Smooth Transitions Optimized for Touch Events Ahead of Time Compiling (AoT)
- 13. Creating an ionicapp $ npm install -g ionic $ ionic start myApp --v2 $ ionic serve
- 14.
- 15. { “name": "Ionic SampleApp", "start_url": "index.html", "display": "standalone", "icons": [{ "src": "img/appicon.png", "sizes": "512x512", "type": "image/png" }], "background_color": "#387ef5", "theme_color": "#387ef5" } Web app manifest http://bit.ly/maniMDN
- 16. Service Workers Caches data& files Send push notifications Intercept network requests Run by browser in the background serviceworke.rs
- 17. Code once. Runeverywhere.
- 18. How does thisbenefit you?
- 19. Offline capable Quicker loadtimes Native UX on the web Cordova+App Stores not required * Ionic apps ARE Progressive Web Apps *
- 20. Important links Demo code https://github.com/driftyco/ionic-pwa-demos/tree/master/contacts ExamplePWAs using ionic pwa.ionic.io
- 21.
- 23. Thank you! Brandy Carney CoreFramework Developer,Ionic Adam Bradley Framework Lead,Ionic