How to Build an Installable PWA

Progressive Web App Tutorial with Workbox and Framework7

In this video I will teach how to create a PWA and make it installable as well as provide offline caching functionality through workbox.

Source Code https://github.com/valnub/pwa-f7-demo

Twitter http://www.twitter.com/timo_ernst

Follow me on social media

3 thoughts on “How to Build an Installable PWA

  1. Hello Timo. I am a school teacher and I am attempting to follow through on an idea that I have to help children learn language. Basically I need my app to read through three phrases on the screen, skipping every other one. So each written phrase on the screen is connected to an audio file that reads that phrase. The repeating conversation would look like this:

    Hello my name is John ( audio file activated)
    Nice to meet you (audio file skipped so that the user can speak) (3 second delay)
    It is very nice to meet you (audio file activated)
    Hello my name is John (audio file skipped so that the user can speak)
    Nice to meet you (audio file activated)
    It is very nice to meet you (audio file skipped so that the user can speak)
    (…and on it goes like until the user clicks pause)

    This is and extremely effective learning tool in a live classroom and I would love to enable the computer to do this via an app. Could you give me some clues about how this could be done and where to find resources for creating this type of program? Any advice would be much appreciated. I am not a programmer and know virtually nothing about coding.

  2. Hi Timo. I followed your link and started learning the basics of Javascript. Thanks for steering me in the right direction.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.