Hasty Treat - Things You Should Know About Javascript Events

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, News, Technology

4.9 • 1.2K Ratings

🗓️ 4 May 2020

⏱️ 14 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

In this Hasty Treat, Scott and Wes talk about javascript events, and how to avoid some common pitfalls! Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax. Show Notes 02:23 - Event bubbling Some events bubble, some don’t Clicks bubble Mouseevents bubble Focus doesn’t bubble 04:10 - Event capturing Capture: down, bubble up Canceling: prevent default target` vs currentTarget currentTarget is what got clicked target is what you listened for the click on event.isTrusted addEventListener once: true Links Javascript30 BeginnerJavascript 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	Monday, Monday, Monday,
0:02.0	Open wide Dev fans.
0:04.0	Get ready to stuff your face
0:06.0	with JavaScript, CSS, node modules, barbecue tips,
0:09.0	get workflows,
0:10.0	break dancing, soft skills, web development,
0:12.0	the hastiest, the craziest, the craziest development the hastiest the craziest the tastiest web development treats coming in hot here is
0:18.1	Wes Barracuda bars and Scott El Toroloco, Tolinsky.
0:25.0	Oh, welcome to Syntex.
0:29.0	On this Monday, hasty treat, we're going to be talking about JavaScript events,
0:32.0	which is definitely a topic that could trip up a ton of people for various reasons.
0:37.0	And so hopefully this is going to be an extremely useful topic for you if you write JavaScript at all.
0:43.4	My name is Scott Tlensky, I'm a developer from Denver, Colorado, and with me as always is the
0:48.4	U.S. Boss.
0:50.0	Hey everybody, today we are sponsored by
0:53.2	Priesmick, which is a headless CMS. It has a graph QL API and a rest API. So the next project that you take on if you need some sort of back end service for it check out
1:06.3	Prismic at prismic.io you can go in you create all your content types you can relate them to each other, and then out on the other end,
1:14.5	they'll give you this nice interface for working with your data, and then on the other end,
1:18.8	you'll be able to pull that data out with either a Rest API or a GraphQL API.
1:23.6	Pretty nifty check out Prismic.io slash syntax.
1:27.9	They've got a bunch of different starters there,
1:29.8	one for view, one for React.
	...

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.