Progressive Web Apps

Who am I?

Taley'a Mirza - A Tech Enthusiast

@TaleyaMirza

What we are going to learn in this session?

Understanding of PWA

Pillars of PWA

How to make your app installable?

What are PWAs?

Web Apps with look and feel of Native Apps

What do you like the most?

Native Apps

or

Web Apps

Web Apps

Native Apps

Capabilities vs. reach of platform-specific apps, web app, and progressive web apps.

Capabilities vs. reach of platform-specific apps, web app, and progressive web apps.

Progressive Web Apps (PWA) are built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase.

Three Pillars of PWAs

Capable

Reliable

Installable

Capable

Reliable

A reliable Progressive Web App feels fast and dependable regardless of the network.

Installable

Codelab

The best of both worlds

Twitter saw a 65% increase in pages per session, 75% more Tweets, and a 20% decrease in bounce rate, all while reducing the size of their app by over 97%

The numbers don't lie!

Resources to learn more

  • web.dev/progressive-web-apps
  • Think with Google (insights)
  • developers.google.com/web

TaleyaMirza

Progressive Web Apps [IDN Boarding School 2021]

By Taley'a Mirza (Talia)

Progressive Web Apps [IDN Boarding School 2021]

  • 705