PROGRESSIVE WEB APPLICATIONS @alesroubicek #devfestpce 

No content

No content

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 

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. 

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 

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 

Lighthouse • Nástroj pro auditování webů • Performance • Accessibility • PWA • Best practices • Používejte v Chrome DevTools a ve vašich CI pipeline 

Links • https://developers.google.com/web/progressive-web-apps/ • https://developers.google.com/web/tools/workbox/ • https://developers.google.com/web/tools/lighthouse/ • https://material.io/develop/web/ • http://jankfree.org/ • https://developers.google.com/web/fundamentals/ performance/