Progressive web app with WordPress

What is Progressive web app and how to transform WordPress to Progressive web app.

Transcript

1. Progressive Web Apps
2. Warat Wongmaneekit (@thangman22) Google Developer Expert ——————————————— Product Owner at ThothZocial
3. Mobile Usage 13% 87% Mobile App Mobile Web
5. 1. Faster 2. More engagement 3.Offline
6. Web + =
7. Only 5 App open everyday
8. But Distributing application is HARD
10. Progressive Web Apps is solution
11. PWA is not tools, Framework, Technology Because that’s HTML standard
12. New definition of mobile web development
13. Make web can do “anything” like App
14. Progressive Web Apps are? 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 they’re built on the app shell model. Fresh - Always up-to-date thanks to the service worker update process. 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.
15. Native App Mobile Web Native App Mobile Web PWA Hybrid PWA User Developer
16. What inside PWA?
17. App manifest
18. Installation
19. No Store for PWA for soon.
20. Installation is not matter For app no store is noting but PWA is not!!!
21. Customize UI When app to Home Screen Splash screen Address bar Icon Color Orientation
25. App banner
26. Offline first
27. Notification http://goo.gl/edUPHJ
29. Turn Wordpress to PWA
30. HTTPS first
32. Manifest
34. <link rel="manifest" href="/manifest.json">
35. Notification
38. Offline
39. Is quite hard….
40. WordPress is almost work with server side script
41. WordPress REST API
43. In the future “Just App is enough”