Fundamentals - Web Workers and Service Workers

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 24 August 2022

⏱️ 55 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this episode of Syntax, Wes and Scott talk through the fundamentals of web workers and service workers - examples, when you should use them, how to debug, local dev, and more. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax. Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax. Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax Show Notes 00:11 Welcome 04:34 What are threads? 06:12 Concurrent vs parallel 09:22 Green screen web cam example 13:02 Examples of what you could use web workers for Party Town Deno 19:52 Sponsor: LogRocket 20:42 Post Message API and Web Workers 25:57 What about WASM? 27:28 Offline sync 28:14 What are service workers? 31:20 How do you caching sites for offline use? 32:39 Web worker vs service worker 34:12 Sponsor: Sanity 35:40 What is the lifecycle of a service worker 38:18 Possible issues with Service Workers 42:46 Debugging service workers Svelte Kit Service workers Workbox 43:04 Testing and local development Service Workers notes from Wes’ Workshop 46:45 Sponsor: Freshbooks 49:59 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Setex Gecko Grip 1mm Anti Slip Eyeglass Nose Pads Wes: Samsung Frame TV Shameless Plugs Scott: LevelUp Tutorials Wes: Wes Bos Tutorials Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

Transcript

Click on a timestamp to play from that location

0:00.0	You're listening to syntax, the podcast with the tastiest web development treats out there.
0:06.1	Strap yourself in and get ready.
0:08.0	Here is Scott Tillinski and West Boss.
0:10.6	Welcome to syntax, the podcast with the tastiest web development treats out there.
0:14.9	Today we've got a fundamentals episode for you today.
0:17.9	We're going to talk about web workers and service workers, what they are, what you might
0:23.2	need them, how they work, how you install them, a bunch of examples.
0:28.5	We'll go through examples nice and early so you can sort of frame this whole learning
0:32.6	under some examples.
0:33.8	So we are sponsored by three awesome companies today.
0:37.2	First one is log rocket JavaScript session, replay sanity is error exception, performance
0:44.0	tracking and fresh books cloud accounting.
0:46.6	We'll talk about all of them part way through the episode with me as always is Mr. Scott
0:51.1	Tillinski.
0:52.1	How are you doing today, Scott?
0:53.1	Hey, good man, doing super good.
0:56.9	We talked maybe a little bit about this, but like on Friday, I think it was we got word
1:01.8	that landed and got into public school of choice.
1:05.8	And you know, to give you some ideas here, the way that it works in Denver is that you
1:11.1	have like your home school and your home schools, the one that you automatically get into and
1:14.8	then you can lottery into any other school in Denver, public school that is.
1:20.3	And there is a school like a block away from us that's not our neighborhood school,
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.