Back to top

Progressive Web App Development (PWA)

Duration: 2 day | Price: € 599,00

30% discount for several people from the same company


Prerequisites

OOP, javascript (ES6) , html and css


Description

PWAs act like native mobile applications but are actually websites. According to studies, PWAs have 36% higher conversion rates than native apps; therefore, we can see them trending going forward. The main objective of PWAs is to bring a mobile-app-like experience to users across all devices.

They are more interactive and responsive. PWAs are revolutionizing the user experience through app-like functionality but without having to download it. Some of the biggest names in the industry, such as Amazon, Twitter, and Forbes, are combining native and web applications to increase conversions and decrease bounce rates. The advent of PWAs has made global brands' identities rather stronger due to their offline way of working, fast loading, and page speed.


Contents

Getting Started
  • What are Progressive Web Apps?
  • PWAs vs Native Mobile Apps
  • Our First PWA
  • PWA Core Building Blocs
  • Comparing PWAs and SPAs
Understandng the App Manifest
  • What is it?
  • Using the App Manifest
  • Adding the Manifest
  • Understanding properties
  • PWAs and Browser Support
  • Simulating the Web App on an Emulator
The Service Workers
  • What is it?
  • Why Service Workers are Awesome!
  • Understanding Events
  • Lifecycle and Non-Lifecycle Events
  • Browser support
  • Registering SW
  • Reacting to Incoming Events
  • Updating and Activating SW
  • Getting “App Install” Banner
Service Workers - Caching
  • Why Caching
  • Understanding the Cache API
  • Browser support
  • Identifying Pre-Cachable Items
  • Static Caching
  • Retrieving Items from the Cache
  • Cache Multiple Files
  • Dynamic Caching
  • Handling Errors
  • Adding Cache Versioning & Cleanup
  • Optimizing Cache Management
  • Cache “On Demand”
  • Fallback Page and Offline Support
Background Sync
  • How does Background Sync Work?
  • Sync Data in the Service Worker
Notification API
  • What is it?
  • Browser Support
  • Requesting Permissions
  • Displaying Notifications
  • Notifications from within the SW
  • Notifications Options
  • Adding Actions to Notifications
  • Reacting to Notification Interaction
  • From Notifications to Push Messages
  • Creating a Push Subscription
  • Storing Subscriptions
Storage Strategies
  • Wich one to use

Request informations