Advanced angular 7 PWA tutorial ( Part -1)

In this advanced angular pwa tutorial using angular 7 video series I will be discussing some advance topics using service worker which also applied for mobile web. Progressive web app not only provide huge performance benefits but also some feature benefits like offline capabilities. In this first episode I will mainly showing how to setup your existing angular 6 or angular 7 application as a PWA app and then configure the resource which you want to be cached using ngsw config file. Then I will be using Cache first strategy to cache the api data as well. We will be using the same application which we developed last week which is a angular element weather app. If you not checked that video the link will be available on the top or in my channel. In the next video I will dive deeper about Network first and cache last strategy and push notifications.

The source code is available here : ( PWA-1 branch)

[BlackBoxTech]

Thanks everyone for watching the video. Please feel free to post your comment, suggestion and recommendation for future video subject you would like me to add. Thanks for your support again

[jjuliefrance]

Many thanks from France. The reloadCache() is perfectly explained and was just what I was looking for :)

[hemangthanki]

Did anyone suggest you to start your own educational website? Man, you are the best ! Hats off !

[VijayKumar-jjmy]

Nice video !!!, keep up the good work! This is well explained excellent tutorial. In very short time you covered a lot.

[bhavnamulani]

Hi, after clicking on offline now I am always seeing Err_internet_disconneted issue, can you please help

[kishankankhara]

Hello! My Angular app has multiple Components and pages. So is there a way to add update function globally? BTW Awesome video man keep up the good work 👍

[manojradharapu]

What is your httprequest post or get ? Weather apis?

[zuhairnaqi]

ng add @angular/pwa not generates @angular/service-worker automatically.
What would i do now?

[hovhannesnersisyan]

That's awesome! Thanks a lot for this tutorial

[rakeshnayak]

app runs fine in localhost:4200. I run the command ng build --prod then cd into dist, then cd into built app and run the http-server -o command, it opened the 127.0.0.1:8082. Its showing blank screen. and this message "This page isn’t working, 127.0.0.1 sent an invalid response. Invalid redirect". how to fix?

[shiwanigoswami]

service worker is not getting registered.Its not showing up under application tab, Please help

[StijnHommes]

So, can you actually do something useful with Angular or can you only make PWAs with it?

[EstebanVera]

hi bro, what differents in manifest.json => manifest.webmanifest ?

[randomvideos]

Offline mode shows 504 error when deployed to server