Progressive Web App (PWA) Development

30% discount for more people from the same company

Duration: 2 days | Price: € 499,00 VAT excluded

Prerequisiti

OOP, Javascript (ES6), HTML e CSS

Description

PWAs behave like native mobile apps but are actually websites. According to some studies, PWAs have conversion rates that are 36% higher than native apps; in fact, their usage is continuously growing. The main goal of PWAs is to provide users with an app-like experience across all devices.

PWAs are more interactive and responsive; for this reason, they are revolutionizing the user experience by offering features similar to those of an app without the need 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 reduce bounce rates. The advent of PWAs has made global brand identities stronger due to their ability to work offline, fast loading, and page speed.

Let me know if you need any adjustments!

Contents

  • Introduction

  • What are Progressive Web Apps?

  • PWA vs Native Mobile App

  • Our First PWA

  • Main Building Blocks of a PWA

  • Comparison Between PWA and SPA

  • Understanding the App Manifest

    • What is it?

    • Using the App Manifest

    • Adding the App Manifest

    • App Manifest Properties

  • PWA and Browser Support

  • Simulating the Web App in an Emulator

  • Service Workers

    • What is it?

    • Why Service Workers Are Amazing!

    • Understanding Events

    • Lifecycle and Non-Lifecycle Events

    • Browser Support

    • Registering a SW

    • Handling Incoming Events

    • Updating and Activating the SW

    • Getting the “Install App” Banner

  • Service Workers – Caching

    • Why Use the Cache

    • Understanding the Cache API

    • Browser Support

    • Identifying Pre-Cachable Objects

    • Static Cache

    • Using Cached Objects

    • Multiple File Cache

    • Dynamic Cache

    • Error Handling

    • Cache Versioning and Cleanup

    • Optimizing Cache Management

    • On-Demand Cache

    • Fallback Page and Offline Support

  • Background Sync

    • How Does Background Sync Work?

    • Syncing Data in the SW

  • Notification API

    • What is it?

    • Browser Support

    • Requesting Permissions

    • Displaying Notifications

    • Notifications from Within the SW

    • Notification Options

    • Adding Actions to Notifications

    • Handling Notification Interactions

    • From Notifications to Push Messages

    • Creating a Push Subscription

    • Storing Subscriptions

  • Storage Strategies

    • Which One to Use?

RICHIEDI INFORMAZIONI
Scroll to Top