Useful Resources for Developing Progressive Web Apps (PWA).
Progressive Web Apps are web applications that take advantage of new web technologies to act and feel like a native app. Progressive web apps work for every user regardless of the browser choice, they are reliable, fast and secure.
You can think of it as a website built using web technologies but that acts and feels like an app.
10 key concepts — from Google Developers
- Safe — Served via HTTPS to prevent snooping and ensure content hasn’t been tampered with.
- Progressive — Work for every user, regardless of browser choice because they’re built with progressive enhancement as a core tenet.
- Responsive — Fit any form factor: desktop, mobile, tablet, or whatever is next.
- Connectivity-independent — Enhanced with service workers to work offline or on low quality networks.
- App-like — Feel like an app to the user with app-style interactions and navigation because they’re built on the app shell model.
- Fresh — Always up-to-date thanks to the service worker update process.
- Discoverable — Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
- Re-engageable — Make re-engagement easy through features like push notifications.
- Installable — Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
- Linkable — Easily share via URL and not require complex installation.
Udacity — Intro to Progressive Web Apps
In this course you'll get started working on your very first Progressive Web App - a web app that can take advantage of…in.udacity.com
Udemy — Progressive Web Apps (PWA) — The Complete Guide
Build a Progressive Web App (PWA) that feels like an iOS & Android App, using Device Camera, Push Notifications and…www.udemy.com
Plural Sight — Getting Started with Progressive Web Apps
In this course, we will create a 'Car Deals' website using techniques and technologies to transform it from a simple…www.pluralsight.com
Lynda — Building a Progressive Web App
- Getting Started with PWA -https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/
- React PWA — https://engineering.musefind.com/build-your-first-progressive-web-app-with-react-8e1449c575cd
- Angular and Spring Boot — https://developer.okta.com/blog/2017/05/09/progressive-web-applications-with-angular-and-spring-boot
- VueJS PWA Template — https://github.com/vuejs-templates/pwa
- Polymer 1.0 — https://github.com/StartPolymer/progressive-web-app-template
- React progressive web app — https://github.com/ArvinH/react-pwa-boilerplate
- An opinionated progressive web app boilerplate — https://github.com/lakshyaranganath/pwa
- Preact PWA Boilerplate / Starter Kit — https://github.com/gokulkrishh/preact-pwa-boilerplate
Check out collection of Progressive Web Apps — https://pwa.rocks/
Signup for Gridbox — Simplest Interface Builder for Bootstrap & Foundation.