Progressive Web Apps : The future of Mobile Apps

This talk revolved around progressive web apps, how they are revolutionising the mobile web, how you could be a part of this journey also, how you could build one, test one, and even publish one. How you as a WordPress site administrator can benefit from it. Moreover, the talk shall briefly discuss the CMS support, tools, plugins to achieve app-like experience in your progressive web app.

The talk should also cover building a native mobile app of your WordPress website, making your website installable as an app and getting the offline availability and offline browsing support for your WordPress website. The idea of this talk is not to eliminate the native mobile apps. However, giving awareness to website administrators and small business owners to have the possibility to have their own native mobile app without having to develop a whole dedicated app.

Session: https://2018.bucharest.wordcamp.org/session/progressive-web-apps-the-future-of-mobile-apps/

Video: https://wordpress.tv/2019/08/02/vineet-talwar-progressive-web-apps-the-future-of-mobile-apps/

Transcript

1. Progressive Web Apps: The future of mobile web/apps By Vineet Talwar @vineetsktalwar
2. #wcbuc @vineetsktalwar
3. Ever fancied a native mobile app of your WordPress website? @vineetsktalwar
4. But how? • Time and costs? Maintenance? • Multiple mobile platforms? • Developers? • Platform specific technologies? @vineetsktalwar
5. The answer is!! Progressive Web Apps (PWA) @vineetsktalwar
6. What if I told you... @vineetsktalwar
7. Installable WordPress website Wait.. What ? @vineetsktalwar
8. @vineetsktalwar Reliable Fast Engaging
9. Lets talk about • HTTPS @vineetsktalwar Source: Medium
10. Push notifications • Google Firebase • OneSignal • SendPulse @vineetsktalwar
11. Lets talk about 1. Service Workers 2. Web App Manifest (Installable Website) @vineetsktalwar
12. @vineetsktalwar Source: https://www.blog.google/
13. Go offline!! @vineetsktalwar
14. @vineetsktalwar • Twitter • Instagram • Google Maps • Uber • Tinder Who else is doing it?
15. @vineetsktalwar Source: http://programmersvalley. blogspot.com Browser support?
16. What about WordPress core support ? Feature plugin https://github.com/xwp/pwa-wp @vineetsktalwar
17. Own theme with all standard PWA features. Plugin: Progressive WordPress – Nico Martin https://wordpress.org/plugins/progressive-wp/ @vineetsktalwar But, How do I Build one?
18. What about a native app? @vineetsktalwar
19. PWA Builder https://github.com/pwa-builder/ManifoldJS or Cordova @vineetsktalwar
20. npm install -g pwabuilder pwabuilder <website-url> @vineetsktalwar
21. @vineetsktalwar 1. Sign 2. Test 3. Publish What next ?
22. @vineetsktalwar 1. Lighthouse test 2. Your browser Simulator 3. Android studio or Xcode Device Emulator 4. AWS Device Farm 5. Real Device Testing
23. @vineetsktalwar Source: knowyourmeme.com Possible Issues ?
24. @vineetsktalwar Source: me.me Xcode
25. @vineetsktalwar Android Studio
26. Questions? @vineetsktalwar
27. Thank You Email : vineet@firemudfm.com @vineetsktalwar