Successfully reported this slideshow.
Your SlideShare is downloading. ×

Progressive Web Apps ( PWA ) by Shidhin C R at Codemtion Dubai

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 29 Ad

Progressive Web Apps ( PWA ) by Shidhin C R at Codemtion Dubai

Download to read offline

Considered to be the future of web apps, PWAs are experiences that combine the best of the web and the best of apps. They're installable, responsive, works offline and can engage users with push notifications. They'll replace the traditional hybrid apps and provides an immersive app like experience. This talk is about how powerful PWAs are and their features; About the tooling and safety around service workers for building PWAs. Also featuring, loading and rendering performances and examples of some real-world progressive web apps.

Considered to be the future of web apps, PWAs are experiences that combine the best of the web and the best of apps. They're installable, responsive, works offline and can engage users with push notifications. They'll replace the traditional hybrid apps and provides an immersive app like experience. This talk is about how powerful PWAs are and their features; About the tooling and safety around service workers for building PWAs. Also featuring, loading and rendering performances and examples of some real-world progressive web apps.

Advertisement
Advertisement

More Related Content

Recently uploaded (20)

Advertisement

Progressive Web Apps ( PWA ) by Shidhin C R at Codemtion Dubai

  1. 1. PROGRESSIVE WEB APPS
  2. 2. UI Engineer @ NAMSHI.com I am SHIDHIN Hello!
  3. 3. PROGRESSIVE WEB APPS
  4. 4. Year 2012 ~ 2016
  5. 5. Why Apps ? ○Great performance ○Smooth animations and interactions ○Instant loading and offline support ○Easily accessible from home screen
  6. 6. Cons ? ○Installation time ○Updating is a pain ○Not sharable ○Dealing with low memory phones
  7. 7. A new Species
  8. 8. ○Installable ( but still sharable using urls ) ○Can work offline and handle flaky connections ○Can give push notifications ○Instant loading like native apps, and probably use splash screens ○Great rendering performance and silky smooth animations under 60fps. ○And still work as a normal web app from a URL
  9. 9. PROGRESSIVE WEB APP Apply the super-powers progressively
  10. 10. WEB APPS ○Secure ○Good rendering performance ○Smooth Animations
  11. 11. PROGRESSIVE ○Offline support and instant loading ○Push notifications ○Add to Homescreen
  12. 12. Ingredients
  13. 13. ○ A Service Worker ○ Web Manifest ○ High Performing App ○ And YOU
  14. 14. ○Promise based JavaScript worker ○Programmable network proxy ○Enables push notifications ○Requires HTTPs SERVICE WORKER
  15. 15. Intercepting requests
  16. 16. ○ Tell the browser how to launch the web app ○ Simple JSON configuration WEB APP MANIFEST
  17. 17. Manifest JSON
  18. 18. ○Smooth Animations ○Better Frameworks ○Always Profile your App WEB APP PERFORMANCE
  19. 19. “Chrome DevTool is Your Best Friend More on developers.google.com/web
  20. 20. TOOLING
  21. 21. Google App shell SW-TOOLBOX Web App Manifest Generator SW-PRECACHE
  22. 22. “ REAL WORLD PWAs
  23. 23. FLIPKART LITE Flipkart is the most popular E-commerce website in India
  24. 24. POKEDEX.ORG An index of Pokémon, built as a client-side JavaScript webapp. Powered by ServiceWorker, PouchDB, virtual-dom, and web workers.
  25. 25. FLIPBOARD Flipboard is a social- network aggregation, magazine-format mobile app localized in more than 20 languages
  26. 26. FUTURE ?
  27. 27. HTML Streaming HTTP 2 Content Security Policies
  28. 28. THANKS! @shidhincr www.undefinednull.com

×