094 Teach Jenn Native Web Components with Chris Ferdinandi @gomakethings
✨Hello beautiful humans!✨ Welcome to another episode of Teach Jenn Tech, hosted by me, Jenn Junod! Today, I have the pleasure of having Chris Ferdinandi from @gomakethings on the show, and trust me, you won't want to miss this! 🌟
👩💻 Chris is here to teach us how to build custom elements and add interactivity using native Web Components. So if you've been wanting to level up your web development skills, keep watching!
🔥 What We Cover:
Mastering static methods and private functions in classes 📚
Unveiling the magic of Shadow DOM to prevent style mishaps 🛡️
Learning how to use attributes and slots for custom Web Components 🧩
Tips and tricks for styling your Web Components 👗
👉 Resources mentioned:
[Chris's Teach Jenn Tech Page](https://gomakethings.com/teach-jenn-t...)
[Learn About Shoelace](https://shoelace.style/)
👩🚀 Throughout the episode, we dive into the practical benefits of using browser-native web components and share our experiences working with JavaScript and TypeScript. We also touch on challenges surrounding classes in web components, and how you can solve issues like HTML reliability and class collisions. You'll even get to see us build a basic web component from scratch! 🛠️
🗣️ Also, we chat about being on mute during conferences, the enigma that is Docker, and the struggles and triumphs of learning new coding concepts. We round out the episode by looking at how big companies like Google and Salesforce are using web components. 🌐
👍 Don't forget to like this video, follow for more, and find me in more places at [linktr.ee/jennjunod](https://linktr.ee/jennjunod).