Progressive Web Applications

Progressive Web Applications

428a9c6e5b151e618d4db288105bc5f3?s=128

Aleš Roubíček

April 27, 2019
Tweet

Transcript

  1. 2.
  2. 3.
  3. 4.

    Progressive Web Applications • Framework s best practices pro webové

    aplikace • Aplikace pro web, mobily i desktop • Rapidní vývoj a deployment • Ideální na prototypy a interní aplikace • Možnost nasazení do Play Store a Microsoft Store
  4. 5.

    Progressive Web Applications • Spolehlivé - Načítají se okamžitě a

    nikdy nezobrazují downasaura, ani v polních podmínkách nekvalitních sítí. • Rychlé - Odpovídají rychle na uživatelské interakce s plynulými animacemi a bez sekajícího se scrollu. • Zábavné - Chovají se jako nativní aplikace na daném zařízení, s plnohodnotným uživatelským prožitkem.
  5. 6.

    Workbox • Nástroj, který zjednodušuje práci se ServiceWorkers • Zajišťuje

    Pre-caching a Runtime caching → Offline • Různé strategie jak k datům přistupovat • Request routing • Background sync • Usnadňuje debuggování • Flexibilní konfigurace a modularita
  6. 7.

    Material Design Components • Solidní implementace komponent podle Material Design

    Guidelines • Nezávislé na frameworcích a adpatéry pro nejpopulárnější • Podpora témat a obecně velká přizpůsobitelnost • Vyřešená přístupnost • Nativní look&feel na Androidu a Chrome OS • Jenda z nejlepších implemantací Gridu ve frameworcích
  7. 8.

    Lighthouse • Nástroj pro auditování webů • Performance • Accessibility

    • PWA • Best practices • Používejte v Chrome DevTools a ve vašich CI pipeline