*I/O Byte: The ServiceWorker: The network layer is yours to own* /by Jake Archibald #iobytes #network Introducing ServiceWorker, the API that gives you full control over HTTP caching, request, and forms the basis for push messaging, alarms, geofencing and background sync.
best video i ve seen for months for web tooling..i actually could follow it and seems alot easier then most seem to make everything sound . trains, outdoors, offline etc... class.
Good job Jake. I totally enjoyed. Lately i was doing some experiments using sw.js. But, now i am thinking to implement it in my project. Thanks for sharing this.
Wondering about the signature of the cache.add() method. You have an object (ie {}), but the items in it make it look like an array (ie 'a', 'b', 'c'). The spec seems to have an cache.addAll() that takes an array (as one would expect), and other references seem to just give a list of string parameters (like you have, but without the {}). Which is it? [edit: oh, I see you change it in a later slide 'what we've got so far']
There is a new kid on the "mobile first block".... Presented by the most respected Jake Archibald. If that works out, he can finally use this last cubicle at the mens room that was without WiFi .... That's really passionate about using the toilet .... => like writing a whole Spec and working with browser vendors ... ;-) =>> Love that talk, thanks Jake Archibald
That's just where the non-database data for the webapp is located (just like the cache any other application on your phone is allotted). So, when you precache stuff - html, css, js, png or whatever - for your webapp, it lives in the service worker cache.
*I/O Byte: The ServiceWorker: The network layer is yours to own*
/by Jake Archibald #iobytes #network
Introducing ServiceWorker, the API that gives you full control over HTTP caching, request, and forms the basis for push messaging, alarms, geofencing and background sync.
Good Stuff - Ty
Agree!
Logan Walsh says he's late? I just walked in the door, and this is great stuff. Jake, you're hilarious. Hilarity always helps the medicine go down.
I might be quite late about ServiceWorkers. But this is the best video about ServiceWorkers I have seen so far. Thanks Jake. Cheers!
best video i ve seen for months for web tooling..i actually could follow it and seems alot easier then most seem to make everything sound . trains, outdoors, offline etc... class.
it's actually makes me laugh! what a cute and informative video, Jake!
Good job Jake. I totally enjoyed. Lately i was doing some experiments using sw.js. But, now i am thinking to implement it in my project. Thanks for sharing this.
great work! I know I'm late to the party but this is cool
At last!!! This is what I need... thank you very very very very much!!!
At 5:06, should cache.add({ ... }); be cache.add([ ... ])?
Oops. It shouldn't have the {}. It's just cache.add(request, request...) - sorry for the error!
hey, can you tell what you used for the diagrams at 1:20-ish ? thanks.
I drew them in Inkscape and animated them with CSS. The technique is jakearchibald.com/2013/animated-line-drawing-svg/
Just FYI, a minor point. The link to Is ServiceWorker ready at the end has a typo. Instead o a "/" it has a "." after "github.io".
How is the presenter separated from the background: using a video editing software or does he have huge screen on his back?
Wondering about the signature of the cache.add() method. You have an object (ie {}), but the items in it make it look like an array (ie 'a', 'b', 'c'). The spec seems to have an cache.addAll() that takes an array (as one would expect), and other references seem to just give a list of string parameters (like you have, but without the {}).
Which is it?
[edit: oh, I see you change it in a later slide 'what we've got so far']
There is a new kid on the "mobile first block"....
Presented by the most respected Jake Archibald.
If that works out, he can finally use this last cubicle at the mens room that was without WiFi ....
That's really passionate about using the toilet .... => like writing a whole Spec and working with browser vendors ... ;-)
=>> Love that talk, thanks Jake Archibald
And what is the limit for the cache?
each browser has its own cache limit implementation i guess
What's the point of ServiceWorker cache? Is this supposed to replace Pragma/Cache-Control/Expires?
That's just where the non-database data for the webapp is located (just like the cache any other application on your phone is allotted). So, when you precache stuff - html, css, js, png or whatever - for your webapp, it lives in the service worker cache.
Somebody explain 11:50 please?
great intro, you made a point.
Superb stuff..
Any updates?
LET'S HEAR IT FOR Ghost playing bjano!!
great video !
Very cool! Thank you!
how to make google map offline by your explanation. Please help me
good stuff
Offline-first with ServiceWorkers
In speed 0.5 it looks like he's drunk.
Great talk btw.
That's how I really talk. We had to double the speed of the video to make me sound sober.
Hahaha
Hay quá
EEEEEEE
The jokes seem robotic and borderline cringe. Other than that love it.
That's the whole point.
tomek marchi An engineer making a joke, what did you expect? Some kind of art?! 😂