for people thinking of using sw-precache in development you got 2 options: 1. use a light weight server like Jeff suggested or if you can't live without the webpack config file like me 2. use eject to gain full control and get back your webpack config so you can add webpack plugins including sw-precache.
Been waiting for this topic, glad this is all well put into a video tutorial. Since following some blog tutorial on the internet is a bit hard for beginners. 👍
what a great tutorial with a special short hand explanation ,,,would you make a tutorial on how to use external jquey libraries in angular ,,for example ,calender jquery library,how to use it in angular, thanks!
Good news... for Edge, it's possible to enable Service Workers with a flag since October 2017. For Safari, currently Service Workers are in Preview and Web App Manifests in development :)
It's not just a Firebase thing. PWAs already have experimental support in webkit (and ms edge) as of december 2017, so we should see full support soon :)
I'm not aware of a hard limit, but the initial content must load fast. Checkout the section "First load fast even on 3G" in the official checklist: developers.google.com/web/progressive-web-apps/checklist#baseline
tested everything and it works perfectly in production however in development I could not understand where `ng serve` generates the deployed files locally so I can inform sw-precache to register the service worker there.
I could be wrong, but I don't think its possible out of the box. What you can do is build in prod mode, then use something like the "http-server" package to serve the contents of /dist folder locally. github.com/indexzero/http-server
Hi. I would like to know where I can learn angular in a professional way on the internet or what other means I can use, what happens is that I am from Colombia, and here in my country there are no courses that can give me a good level of angular learning. thank you very much for your messages, they are very valuable for me .....
Hello! For angular, one of the best courses: www.udemy.com/the-complete-angular-master-class/. For angular and firebase, you are already in the right place: angularfirebase.com
I too felt initially.. but u can change the speed + u can find the notes in his description link. One advantage of fast is it's good for u to quickly review what u have gone through earlier
for people thinking of using sw-precache in development you got 2 options:
1. use a light weight server like Jeff suggested
or if you can't live without the webpack config file like me
2. use eject to gain full control and get back your webpack config so you can add webpack plugins including sw-precache.
+Kawzaki Thank you! This is helpful.
Or you could just not precache so you're no longer depending on malicious service workers that install without end user permission.
this dude takes you straight to the tl;dr section. ggwp!
Seif Sgayer hahaha
Jeff is my favourite tech youtuber!
Been waiting for this topic, glad this is all well put into a video tutorial. Since following some blog tutorial on the internet is a bit hard for beginners. 👍
Thanks, I agree. There are a bunch of steps, but the it's pretty straight forward when you break it down.
Thank you very much for your tutorials, I learn a lot from you every day !! please keep making great tutorials :D
+Mazouzi Awesome! Let me know if there's anything you want to see.
Your channel have some really great content... Thanks :-D
I LOVE THIS CHANNEL !!!!!!!!!!!!!!!!!!!!!!!!!
What plugin do you use to insert the code partials without copy/pasting it? It seems to me like a predefined sequence.
Lighthouse is a part of devtools now in chrome so you don't really need that plugin anymore
There's also the "application" tab on chrome dev tools that is useful for inspecting the manifest and debugging the service worker.
can we make a service worker that can push alerts as notifications even while offline?
@3:40 there is a small typo: 'wepack' => 'webpack'
Good catch. I must have manually typed the scene. The correct command can be found in the description links.
what a great tutorial with a special short hand explanation ,,,would you make a tutorial on how to use external jquey libraries in angular ,,for example ,calender jquery library,how to use it in angular, thanks!
Good news... for Edge, it's possible to enable Service Workers with a flag since October 2017. For Safari, currently Service Workers are in Preview and Web App Manifests in development :)
That music caught me off guard! lol
works great for me, thanks a lot!!
i need Firebase chat in angular 5?
0:46 I don't think it will be supported by safari, because Firebase is from Google.
It's not just a Firebase thing. PWAs already have experimental support in webkit (and ms edge) as of december 2017, so we should see full support soon :)
how does this method compare to using `@angular/service-worker` package speratly from the old and forgotten --mobile flag of the CLI?
I'm currently using angular cli gh-pages for deploying ,service worker showing errors pl help
how does this method compare to ionic 3 please ? pros / cons .
I think there is currently a limit of 2mb pre-project including app dependencies of the entire project.
I'm not aware of a hard limit, but the initial content must load fast. Checkout the section "First load fast even on 3G" in the official checklist: developers.google.com/web/progressive-web-apps/checklist#baseline
how can I make sw-precache register a service worker during the lunch of the CLI dev server using 'ng serve'?
tested everything and it works perfectly in production however in development I could not understand where `ng serve` generates the deployed files locally so I can inform sw-precache to register the service worker there.
I could be wrong, but I don't think its possible out of the box. What you can do is build in prod mode, then use something like the "http-server" package to serve the contents of /dist folder locally. github.com/indexzero/http-server
thanks! will give it a try :)
Hi.
I would like to know where I can learn angular in a professional way on the internet or what other means I can use, what happens is that I am from Colombia, and here in my country there are no courses that can give me a good level of angular learning. thank you very much for your messages, they are very valuable for me .....
Hello! For angular, one of the best courses: www.udemy.com/the-complete-angular-master-class/. For angular and firebase, you are already in the right place: angularfirebase.com
thank you very much for your help.
So why do we need it?
How to apply this for a project which is under development?
Look at the comments from Kawzaki Honda, he provides a couple tips for using the worker in development.
This video is outdated now.Please post new video based on new angular(6/7) framework.
Does this method work with lazy loaded modules?
Yes. You can verify by looking at the service-worker.js cached files in the dist folder. You should see "**.chunk.js" files for lazy loaded modules.
Man you explain really well, but you go way to fast,
whatsy New man?
Behaving like a native app is not enough.
It has to BE a native app.
Trying to make a "web app" (aka website) look like a native app is MISLEADING.
why u r running... can u explain it
clearly
I too felt initially.. but u can change the speed + u can find the notes in his description link. One advantage of fast is it's good for u to quickly review what u have gone through earlier
Brother, how about taking it a pinch slower!! I know you target the mid and high end but your voice and onscreen flow is too high
i appreciate the depth of your comment. keep up the good work.