Please enable JavaScript.
Coggle requires JavaScript to display documents.
Progressive Web Apps https://sfeir-open-source.github.io/sfeir-school…
Progressive Web Apps
https://sfeir-open-source.github.io/sfeir-school-pwa/#/218/2
Introduction
From Web Apps to PWA
PWA vs Native Apps
Fast Load times
Measure your site's performance
Optimize your images
Optimize your JavaScript
Optimize web fonts
Measure performance in the field
Enforce performance budgets
BONUS
: PRPL Pattern
Network Resilience
BONUS
: App Shell Model
How to measure network resilience
The options in your caching toolbox (Workbox)
How caching strategies work
Deep dive into Service Worker
Debugging Service Worker
Workbox build
Business
Pinterest Case Study
Uber Case Study
Twitter Case
Showcase Google
Discoverable
How search works and how to measure discoverability
Make sure search engines can understand your content
Make sure search engines can crawl and index your page
Make sure your page is mobile-friendly
BONUS
: Open search
Safe and Secure
OWASP ?
Browser sandbox
Same Origin Policy
Share cross-origin resources safely
Responsive
Flexbox
Frameworks: bootstrap, bulma, foundation etc.
Installable
Manifest
Desktop Progressive Web Apps
beforePromptInstall
Custom install
Web Push Notifications
One Signal example
Web Worker ?
Web Push Protocol
Accessible
Understand the diverse needs of users
Make your site keyboard accessible
Understand semantics and basic screen reader support
Measure
Introduction to LightHouse
Integrate Lighthouse into your CI/CD
Mettre mon application sur un store
Sensors
Geolocation