Workbox Building an Angular PWA

64 Pages·2017·1.99 MB·English

BBuuiillddiinngg aann
AAnngguullaarr PPWWAA::
-- oorr --
NNGGSSWW WWoorrkkbbooxx
??
??
??
Maxim Salnikov
Angular GDE
“
HHooww ttoo ccrreeaattee aann AAnngguullaarr

PPrrooggrreessssiivvee WWeebb AApppp??
UUssiinngg tthhee aapppprroopprriiaattee mmeetthhoodd
MMaaxxiimm SSaallnniikkoovv
“ Products from the future
UI Engineer at ForgeRock
GGooooggllee DDeevveellooppeerr EExxppeerrtt iinn AAnngguullaarr
AAnngguullaarr OOsslloo // PPWWAA OOsslloo mmeeeettuuppss
oorrggaanniizzeerr
nnggVViikkiinnggss  //   nnggCCoommmmuunniittyy oorrggaanniizzeerr
@@wweebbmmaaxxrruu
WWhhaatt iiss PPWWAA aatt aallll??
Progressive web apps use modern web APIs along
with traditional progressive enhancement strategy
to create cross-platform web applications.
TThheessee aappppss wwoorrkk eevveerryywwhheerree aanndd pprroovviiddee
sseevveerraall ffeeaattuurreess tthhaatt ggiivvee tthheemm tthhee ssaammee
uusseerr eexxppeerriieennccee aaddvvaannttaaggeess aass nnaattiivvee aappppss..
https://developer.mozilla.org/en-US/Apps/Progressive
CCrroossss--ppllaattffoorrmm??
Flagged
BBrroowwsseerr
MMoobbiillee
DDeesskkttoopp
OS
##WWSSHH??
https://developer.apple.com/documentation/safari_release_notes/safari_12_1_release_notes
https://blog.chromium.org/2019/02/introducing-trusted-web-activity-for.html
UUXX aaddvvaannttaaggeess??
SSmmaarrtt nneettwwoorrkkiinngg ++ OOfflffliinnee
}}
SSttaayyiinngg nnoottiififieedd
Service Worker API
OOtthheerr ccooooll tthhiinnggss
PPrrooppeerr aapppp eexxppeerriieennccee
Web App Manifest

CCrreeaattee AAnngguullaarr PPWWAA
CCooddee sseerrvviiccee wwoorrkkeerr mmaannuuaallllyy
UUssee AAnngguullaarr SSeerrvviiccee WWoorrkkeerr ((NNGGSSWW))
UUssee ssoommee PPWWAA lliibbrraarriieess
ssww--pprreeccaacchhee
MMiinniimmuumm vviiaabbllee PPWWAA