That special presentation in an event "Gaza Tech Tuesday" in the University College of Applied Sciences (UCAS). I was speaker.

1. 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.

7. web app manifest

8. Example manifest

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

22. ‫انتظارك‬ ‫في‬ ‫العالم‬!

23. ‫استماع‬ ‫حسن‬ ‫على‬ ً‫ا‬‫شكر‬‫كم‬
Oday Alqarra
</> {}
‫سالم‬!
Fb/Oday9