Welcome to the Future: Progressive Web Apps

“The Future is now!” How many times are we going to hear this line? Ever since the first iPhone was released and sequential releases after. We welcome our readers to our look into the expanding world of Progressive Web Apps. I am sure you’re asking, “What the heck is a Progressive Web App”? Progressive Web Apps bring features we expect from native apps to the mobile browser experience in a way that uses standards-based technologies and run in a secure container accessible to anyone on the web. As a whole, Progressive Web Apps describe a collection of technologies, design concepts, and Web APIs that all work in tandem to provide an app-like experience from a mobile web browser. Let’s walk through some of the core tenets of Progressive Web Apps.

offline-first-diagram

1. Quarter Service Workers

A Service Worker is a Javascript that runs behind the scenes, independent of your app altogether, and runs in response to selected events for instance making network requests, push notifications, connectivity changes, and more. download

2. Pinches of App Shell

The App Shell model is a simple design concept where the initial loading of the mobile web app provides a basic shell for the app UI, and the content for the app is loaded after. the App Shell isn’t a Web API or a framework, but rather a design that developers can choose and is enhanced by the Service Workers caching abilities. You might find that it’s a pretty straightforward made more dramatic by our friend, the buzzword. download (1)

3. Dash of App Installing

Historically, mobile web apps were not installed like an app to the home screen. However, recently, Chrome on Android added support for installing web apps to the home screen with a native install banner, just like the native app banners we’re used to. iOS doesn’t have any additional features here beyond Pin to Home screen, so the experience won’t be as fluid, but here’s hoping Apple gives us some goodies this year. What do you think? Will we start to see more and more Progressive Web Apps or are we sticking to the current system and getting our App addiction from the only two sources, the Google Play store or the App store?

 

Related Article:  What is a Progressive Web App?

Share this article

Related Posts

How to Clear your Cache

How to Clear your Cache When building and testing software and web apps, the first thing your Project Manager will tell you is “it’s important […]

15 May 2019
What is an FSD?

What is a Functional Specification Document? Important first steps when building an app   A Functional Specification Document (FSD) is a document designed to give […]

09 May 2019