Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Progressive Web App

anop72
October 12, 2016

Progressive Web App

Overview Progressive Web App

anop72

October 12, 2016
Tweet

More Decks by anop72

Other Decks in Programming

Transcript

  1. “Progressive Web App (PWA) is a term used to denote

    a new software development methodology. Unlike traditional applications, Progressive Web App can be seen as an evolving hybrid of regular web pages (or websites) and a mobile application.” Wikipedia
  2. Alex Russell @ O'Reilly Fluent Conference in San Francisco 2016

    https://nolanlawson.github.io/pwas-2016-05/#/6
  3. Half of U.S. smartphone users download zero apps per month

    http://www.recode.net/2016/9/16/12933780/average-app-downloads-per-month-comscore
  4. Manifest { "name": "Hello Mobile", "short_name": "Hello Mobile", "icons": [

    { "src": "/icons/android-chrome-48x48.png", "sizes": "48x48", "type": "image/png", "density": 1 }, { "src": "/icons/android-chrome-72x72.png", "sizes": "72x72", "type": "image/png", "density": 1.5 }, { "src": "/icons/android-chrome-96x96.png", "sizes": "96x96", "type": "image/png", "density": 2 } ], "theme_color": "#000000", "background_color": "#e0e0e0", "start_url": "/index.html", "display": "standalone", "orientation": "portrait" }
  5. Characteristics • Progressive • Responsive • Connectivity independent • App-like

    • Fresh • Safe • Discoverable • Re-engageable • Installable • Linkable