Progressive Web Apps Directory: The Best Collection of Resources

by Janeth Kent Date: 20-06-2019 pwa mobile progressive apps


Get started with progressive web apps and learn things in depth, this page will list the best resources we know of to help you understand Progressive Web Apps (PWAs) .

Make sure to bookmark this page, as this is a living document that we’ll be adding to from time to time.

Progressive Web Apps: The what, how and why

These articles introduce the concept of Progressive Web apps and serve as a jumping point to learn more about them.

UI Concepts

One of the best things about PWAs are that they can be added to the home screen of your Android device, just like native apps can. This section contains relevant articles covering the ‘Add to Home Screen’ capability, as well as a few articles on how to make your web app UI running smoothly.

Offline

Progressive Web Apps are capable of running offline just like native apps. This is primarily through a feature called ‘Service Worker’. Service Workers are great, and besides being used to make web apps run offline, are also required for other functionality like Push Notifications and Background Sync.

Push Notifications

Push notifications are helpful in notifying the user of important, relevant or timely events, even if your site isn’t open in the browser, or even when the browser is closed. With the Push API spec and Service Workers, you can finally implement this in your progressive web app too. Be careful not to spam your users!

Tools and Libraries

This section lists out a number of tools which might end up saving you a lot of time and effort when coding up for your PWAs.

  • sw-toolbox: A helpful library with account for a lot of different caching use-cases.
  • sw-precache: A tool to pre-emptively cache all static resources for offline use.
  • Lighthouse: Auditing and performance metrics for Progressive Web Apps.
  • Manifest Generator: A tool which automatically generates a web manifest file for you.
  • manifest-json: Another tool (this is using the command line) to generate a web manifest file for you.
  • generator-pwa: A yeoman generator for a basic PWA app.
  • UpUp: Read the article by the library’s author on how to use it.
  • Web Starter Kit: A boilerplate for web development including sw-toolbox and sw-precache libraries.
  • Fetch-sync: Fetch Sync allows you to proxy fetch requests through the Background Sync API so that they are honoured if made when the UA is offline.
  • Msgr: Nifty service worker/client message utility.

Showcases, case studies and more

Take a look at what others are doing with Progressive Web Apps. Get inspiration and see how it has benefitted others in key business metrics.

  • PWA.Rocks: The showcase for the best Progressive Web Apps in the world. It’s maintained by the Opera Developer Relations team, and we accept Pull Requests if you have a great-looking responsive PWA. Remember, sites aren’t “mobile-only” so the best PWAs look great on desktop and devices.
  • Google PWA Showcase: Google’s showcase of companies which have befitted from PWAs.
  • The Business Case for Progressive Web Apps: Jason Grigsby writes a compelling case for the business benefits of PWAs.
  • PWAs: An African Perspective: We interview two great developers from Nigeria and Kenya about PWAs. Read their thoughts on how PWAs can help solve problems in that region.

Books

Books to help you learn about PWAs.

  • Progressive Web Apps: This book teaches you PWA design and the skills you need to build fast, reliable websites by taking you step-by-step through real world examples.
 
by Janeth Kent Date: 20-06-2019 pwa mobile progressive apps hits : 8356  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.

 
 
 

Related Posts

How to setup an Android TV with androidtv.com/setup or the Google application

Android TVs and players are a good investment if you want to have all the entertainment at your fingertips. However, they require an installation that, although simple, has several ways…

How to turn your smartphone into a webcam for your pc

With the propagation of Covid-19 we all had to adapt to a new quarantine situation at home, and since the human being needs to communicate constantly, we used the internet…

5 Fool-Proof Ideas For Location-Based Apps

Like it or not, geolocation is a part of our everyday lives. In fact, you’ll find the technology pre-installed on 90% of the apps currently living on your smartphone. Location-based…

Is Old School RuneScape Still Popular?

Since the launch of RuneScape 3 there are two versions of RuneScape running simultaneously: RuneScape 3 and Old School RuneScape. At first glance it seems that having two iterations of…

How to disable the camera, microphone and all sensors on your phone with a single touch in Android 10

With Android 10, Google has improved the privacy of its operating system with new options, but has also hidden an interesting option that deactivates all the sensors of the device…

Unlock Hidden SmartPhone Features with these Secret Codes

Unstructured Supplementary Service Data (USSD), sometimes known as "quick codes" or "feature codes", is an extra-UI protocol, which allows people to access hidden features. This protocol was originally created for…

Advantages of Progressive Web Applications

The unstoppable increase in the use of mobile devices to connect to the Internet has resulted in the fact that it is no longer enough to have only one web…

Tools to build PWA quickly

For quite some time now, UX has been the focus of modern web development. Several factors affect this, including page load speed, usability, scalability, and design. But now more customers…

Stunning React Boilerplates and Starter Kits for 2019

As React progresses and helps us build and compose the UI of our applications, more React applications are created every day. In the past few years, the community has indeed created…

How to build a basic PWA with HTML and Javascript

Looking at the web for a basic PWA online training exercise, everything I found was just too confused or required libraries/system/stage or another. If we need to learn another innovation, we…

Javascript: is this the origin of a new developing era?

Javascript is winding up increasingly more and more. It has for quite some time been utilized for substantially more than simply the Web. Is it true that we are toward the…

The Rise and Fall of Business-Related VoIP Platforms

Voice over Internet protocol (VoIP) was at one time ubiquitous within the office environment. It had been employed to make crystal-clear digital phone calls, to send large packets of proprietary…

We use our own and third-party cookies to improve our services, compile statistical information and analyze your browsing habits. This allows us to personalize the content we offer and to show you advertisements related to your preferences. By clicking "Accept all" you agree to the storage of cookies on your device to improve website navigation, analyse traffic and assist our marketing activities. You can also select "System Cookies Only" to accept only the cookies required for the website to function, or you can select the cookies you wish to activate by clicking on "settings".

Accept All Only sistem cookies Configuration