Build Progressive Web Apps— Chapter 0

Introduction and Case Study of PWA

Difference between Progressive Web Apps and Regular Web App

Build Progressive Web App — List

Chapter 0 — Introduction and Case Study of PWA (You’re here)
Chapter 1— Strengths and Weaknesses of PWA
Chapter 2— Components & Architectural Pattern of PWA
Chapter 3— Preparation and Tools
Chapter 4— Create a Simple SPA (Single Page Application)

Smartphones are No Longer a Luxury Item

Nearly every person, both upper and lower middle class, can afford it. Today’s smartphones are dominated by Android and iOS. They not only offer telephone and sms services. But doing almost all activities that we can do on the computer. Examples generally, on our computers can browse, then the smartphone too. Today more young digital generations are first acquainted with the internet via smartphones than via computers.

Alex Russel & Frances Berriman

The term Progressive Web App was introduced by Alex Russel, a Google Chrome engineer, and Frances Berriman, a designer who worked for Google in 2015. Google defines PWA as follows:

Progressive Web Apps use modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, maintaining the web’s low friction at every moment.

Main Purpose of PWA

Main purpose of PWA is to enable web developers to change existing websites so that they can behave like native mobile applications without making many changes or adding special programmers. This goal can be achieved thanks to a collection of web technologies. He can take advantage of the advantages of web and mobile applications natively at the same time. This collection of technologies allows traditional web applications to be accessed without an internet connection (offline), can be installed on the homescreen like a native mobile application, can synchronize data to the server, can send push notifications, and others. Characteristics of a PWA are:

PWA Case Study

Although it is still classified as a new technology, many world class websites have implemented PWA. You can see a list of those sites that have implemented PWA on and Google Web Case Studies.


Easy read, easy understanding. A good writing is a writing that can be understood in easy ways

Jansutris Apriten Purba

Written by

Love Coding, Traveling, Watching Film & Music



Easy read, easy understanding. A good writing is a writing that can be understood in easy ways

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade