@@ -505,9 +505,6 @@ <h3>sessionStorage</h3>
505
505
< section >
506
506
< h3 > WebSQL</ h3 >
507
507
< ul class ="no-bullets ">
508
- < li > SQLLite in the Browser</ li >
509
- < li > For significant amounts of structured data</ li >
510
- < li > High performance searches of this data</ li >
511
508
< li > Transactional database system</ li >
512
509
< li > < span class ="secondaryColor "> Deprecated</ span > </ li >
513
510
< li > Only supported in Chrome and Safari </ li >
@@ -540,26 +537,14 @@ <h3>Storage Wrapper</h3>
540
537
</ section >
541
538
</ section >
542
539
</ section >
543
-
544
- < section data-background-iframe ="https://pwa.bar/ ">
545
- < h1 style ="font-size: 3.0em; " class ="fallbackColor " >
546
- Anyone really does < a href ="https://pwa.bar/ " target ="_blank "> that</ a > ?
547
- </ h1 >
548
- </ section >
549
540
550
541
< section >
551
- < a href ="https://wiki-offline.jakearchibald.com/wiki/Rick_and_Morty ">
552
- < img class ="plain " style ="max-height: 15em; " src ="./img/wikipedia.jpg ">
553
- </ a >
554
- < p >
555
- < a href ="https://developers.google.com/web/updates/2015/11/app-shell " class ="credits " target ="_blank "> Image from Google Web Updates</ a >
556
- </ p >
557
- </ section >
558
-
559
- < section >
560
- < p > Btw... < br >
561
- Angular supports you if your want you page to have an App Shell be a PWA and use Service Workers</ p >
562
- < a style ="font-size: smaller; " target ="_blank " href ="https://moduscreate.com/blog/creating-progressive-web-apps-using-angular/ "> How to create a PWA with Angular</ a >
542
+ < p > Links to articles how to create Angular PWA</ p >
543
+ < ul >
544
+ < li > < a href ="https://moduscreate.com/blog/creating-progressive-web-apps-using-angular " class ="credits " target ="_blank "> https://moduscreate.com/blog/creating-progressive-web-apps-using-angular</ a > </ li >
545
+ < li > < a href ="https://web.dev/articles/creating-pwa-with-angular-cli " class ="credits " target ="_blank "> https://web.dev/articles/creating-pwa-with-angular-cli</ a > </ li >
546
+ < li > < a href ="https://entwickler.de/angular/von-null-auf-progressive-in-einem-schritt " class ="credits " target ="_blank "> https://entwickler.de/angular/von-null-auf-progressive-in-einem-schritt</ a > </ li >
547
+ </ ul >
563
548
</ section >
564
549
565
550
< section data-background-iframe ="https://whatwebcando.today " data-background-size ="75% ">
@@ -592,14 +577,18 @@ <h2>Summary</h2>
592
577
< li > A service worker can be used for caching, background syncting and push Notifications</ li >
593
578
< li > PWAs can use storage technologies like localStorage, sessionStorage, IndexedDB or WebSQL</ li >
594
579
</ ul >
595
- < p class ="hint center "> Live Code Examples & Backup slides below</ p >
596
- </ section >
597
- < section id ="examples " data-visibility ="uncounted ">
598
- < h2 > Live Code Examples</ h2 >
599
580
</ section >
600
581
< section id ="backup " data-visibility ="uncounted ">
601
582
< h2 > Backup slides</ h2 >
602
583
< p > Following slides are not subject of the lecture.< br > Ask trainers in case of questions.</ p >
584
+ < section >
585
+ < a href ="https://wiki-offline.jakearchibald.com/wiki/Rick_and_Morty ">
586
+ < img class ="plain " style ="max-height: 15em; " src ="./img/wikipedia.jpg ">
587
+ </ a >
588
+ < p >
589
+ < a href ="https://developers.google.com/web/updates/2015/11/app-shell " class ="credits " target ="_blank "> Image from Google Web Updates</ a >
590
+ </ p >
591
+ </ section >
603
592
</ section >
604
593
< section data-visibility ="uncounted ">
605
594
< h2 > Bookmarks</ h2 >
0 commit comments