Progressive Web App
Download as PPTX, PDF0 likes126 views
The document introduces progressive web apps (PWAs), highlighting their features such as offline functionality, discoverability, and responsiveness across devices. It outlines the technical capabilities and advantages of PWAs over traditional apps, including installation without app stores and enhanced user engagement. Additionally, it mentions various technologies and standards that underpin the development of PWAs.
Progressive Web App
- 2. About me Oday Alqarra Software Consultant & Developer /Oday9 Email : Oday.9@hotmail.com Mobile : 00972592115317
- 3. What is an app? Findable in App Store Icon on Home Screen Touch Controls Work Offline Receives Notifications Background Processing Access to hardware features and sensors
- 4. What is the web? URLs and links Free to access Markup and styling ……....
- 5. Progressive Web Apps: They're just websites that took all the right vitamins.
- 6. Discoverable: Identifiable as applications, findable by search engines.
- 9. Installable: Available on the device, on users' home screens — without the hassle of an app store.
- 11. Linkable: Easily shareable via URLs, without requiring complex installation.
- 12. Network independent: Works offline or on low quality networks.
- 13. Technologies • Service workers • IndexedDB • Web Storage
- 14. Progressive: Works for every user, regardless of browser choice.
- 15. Re-engageable: Makes user engagement easy by drawing attention, even when users aren't using their devices.
- 16. Responsive: Fits any form factor: desktop, mobile, tablet, or whatever comes next.
- 17. Technologies • Media queries • @viewport/viewport meta tag • Flexbox
- 18. Safe: Delivery mechanism prevents snooping and ensures content hasn’t been tampered with.
- 19. PWA Capabilities Network Proxy App Packaging Push Notifications Local Storage Gamepad Background Sync Page Visibility Media Capture Media Playback Device Vibration Battery Status Credential Management Integrated Payments Network Streams Peer to Peer Bluetooth Web Share
- 20. Progressive Web App Fundamentals Going OfflineAdding to Home Screen Sending Push NotificationsBackground Syncing
- 21. Adding to Home Screen 70% 9% 7% 8% 2% 4% Location of Most Used App Home Screen Secondary Screen "All Apps" Screen Home Screen Folder Secondary Screen Folder Other
- 23. استماع حسن على ًاشكركم Oday Alqarra </> {} سالم! Fb/Oday9