pjagajitprusty / pwd

PWD is a boilerplate to get started with developing a Progressive Web Application. It uses the power of Service Worker to implement dynamic caching mechanism thus making the website go offline.

Progressive Website Development

PWD is a boilerplate to get started with developing a Progressive Web Application. It uses the power of Service Worker to implement dynamic caching mechanism thus making the website go offline.

Open Demo Progressive Web App which uses PWD. Once it's loaded, turn off the network and reload again. The page should successfully load in offline mode. Feeling Excited??? Let's start learning....

Go through service-worker.js file, that has proper comments with step by step approach to register service worker, caching static files and implementing dynamic caching by handling each network request. snippets.js File is added which has detailed explanation for all kinds of dynamic caching strategies and a brief explanation about JavaScript Promises.

Very soon Push Notifications support will be added to it with detailed explanation.

Prerequisite Knowledge.

• JavaScript Promises
• Web Worker

Getting Started with PWD

• My First PWD
• Offline Cookbook
• Push Notifications

TODO:

• Basic Caching Strategies
• Implementing multiple caching Strategies
• Push Notification