Progressive Web App Tutorial – How To Build a PWA from Scratch

Progressive Web App Tutorial – How To Build a PWA from Scratch

Topics covered: Web App Manifest, Service Worker, Chrome DevTools

Progressive web applications (PWAs) are a type of application software delivered through the web, built using common web technologies including HTML, CSS and JavaScript. They are intended to work on any platform that uses a standards-compliant browser. Functionality includes working offline, push notifications, and device hardware access, enabling creating user experiences similar to native applications on desktop and mobile devices. Since they are a type of webpage or website known as a web application, there is no requirement for developers or users to install the web apps via digital distribution systems like Apple App Store or Google Play.

While web applications have been available for mobile devices from the start, they have generally been slower, have had fewer features, and been less used than native apps. But with the ability to work offline, previously only available to native apps, PWAs running on mobile devices can perform much faster and provide more features, closing the gap with native apps, in addition to being portable across both desktop and mobile platforms.

PWAs do not require separate bundling or distribution. Publication of a progressive web app is as it would be for any other web page. PWAs work in any browser, but “app-like” features such as being independent of connectivity, install to home screen, and push messaging depend on browser support. As of April 2018, those features are supported to varying degrees by the Microsoft Edge, Google Chrome, Mozilla Firefox and Apple Safari browsers, but more browsers may support the features needed in the future. Several businesses highlight significant improvements in a wide variety of KPIs after PWA implementation, like increased time spent on page, conversions, or revenue._Wikipedia.Org
#PWA from scratch #react pwa from scratch #build pwa from scratch #pwa tutorial from scratch #create pwa from scratch
This video has been reused under YouTube Creative Commons license
Original video source:

Related Posts
PWA Tutorial for Beginners #1 – What Are PWA's?

Hey gang, in this PWA Tutorial (Progressive Web Apps) for beginners, we'll take a look at what a progressive web Read more

React Native vs Flutter

React Native vs Flutter - Which one should you learn? And how does React Native compare to Flutter, NativeScript or Read more

Why Build Progressive Web Apps: Never Lose a Click-Out!

In this series, Why Build Progressive Web Apps?, Thomas Steiner covers common use cases for applying PWA features that will Read more

Introducing Progressive Web Apps and the new Office app (PWA)

Explore Progressive Web Apps (PWA), a new class of apps that deliver native platform experiences to enhance performance, resilience, installation, Read more

1 thought on “Progressive Web App Tutorial – How To Build a PWA from Scratch”

Leave a Comment