JS Party: JavaScript, CSS, Web Development

An intimate conversation about careers

KBall and Amal go deep on careers. They share their career journeys, talk through learnings and mishaps that happened along the way, and break down key factors to understand about big role transitions like Senior->Staff and Engineer->Manager. Leave us a comment Changelog++ members save 2 minutes on this episode because they made the ads disappear. Join today! Sponsors: Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Typesense – Lightning fast, globally distributed Search-as-a-Service that runs in memory. You iterlly can’t get any faster! Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today. Featuring: Kevin Ball – Twitter, GitHub, LinkedIn, WebsiteAmal Hussein – Twitter, GitHub Show Notes: From engineering to product (JSParty #203) Bocoup Amal on The Changelog talking about bossing up Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:40) - Helloooooo!(02:18) - KBall's career journey(10:44) - Hiding the ugly bits(12:56) - Work-life balance(17:30) - Amal's career journey(36:18) - Sponsor: Changelog News(38:19) - Transitions(41:12) - Leadership duties(47:36) - Going beyond senior(50:27) - The 3 things a staff eng does(52:41) - When is it time?(58:42) - Driving impact(1:00:28) - Take care, y'all(1:00:54) - Next up on the pod

Frontend Feud: CSS Pod vs Whiskey Web and Whatnot

Una & Adam from The CSS Podcast defend their Frontend Feud title against challengers Chuck & Robbie from Whiskey Web and Whatnot. Let’s get it on! Leave us a comment Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today! Sponsors: Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Featuring: Una Kravets – Twitter, GitHub, WebsiteAdam Argyle – Twitter, GitHub, WebsiteChuck Carpenter – Twitter, GitHub, LinkedInRobbie Wagner – Twitter, GitHub, WebsiteJerod Santo – Mastodon, Twitter, GitHub, LinkedIn Show Notes: The CSS Podcast Whiskey Web and Whatnot More dev game shows! Something missing or broken? PRs welcome! Timestamps: (00:00) - It's feud time, y'all!(00:32) - Welcoming our contestants(01:47) - Terry the intern's interview questions(03:11) - How the game works(04:40) - Round 1: Favorite language(09:41) - Round 2: !Favorite language(13:57) - Round 3: Monitor size(19:18) - Round 4: Work benefits(32:24) - Round 5: Must-have SaaS(36:29) - Round 6: Copilot feels(43:10) - End Game(44:01) - Interviewing the champs(45:46) - Chuck & Robbie's show(46:43) - The final word(48:29) - Closing time(48:58) - Outro (moar game shows!)

This is going to be Lit 🔥

Justin Fagnani joins us this week to talk about Lit, a library that helps you build web components. With 17% of pageviews in Chrome registering use of web components, Lit has gained widespread adoption across a variety of companies looking to create reusable components which leverage the power and interoperability of the web platform. Tune in to learn about what makes this tiny library so incredibly lit! Leave us a comment Changelog++ members get a bonus 2 minutes at the end of this episode and zero ads. Join today! Featuring: Justin Fagnani – Mastodon, Twitter, GitHub, LinkedIn, WebsiteAmal Hussein – Twitter, GitHubKevin Ball – Twitter, GitHub, LinkedIn, Website Show Notes: Lit docs & examples Throwback Lit html episode on the Web Platform Podcast with Amal Polymer Library - Lit’s predecessor Custom Elements Shadow DOM Templates and Slots JS Tagged Template Literals Lit Element base class Amal’s singing about “dangerously set innerHTML” Proposal for Scoped Custom Element Global Registries Proposal for declarative Shadow DOM Proposal for Template Instantiation Proposal for DOM Parts Proposal for “open-stylable” Shadow Roots Proposal for JavaScript Decorators Lit labs packages Google’s Wireit - updates your npm scripts to make them smarter Justin’s npm cli RFC for adding Googe’s Wireit script runner to npm Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all!(00:40) - Welcoming Justin to the show(02:36) - What is it?(04:36) - The evolution of the project(10:02) - How do updates flow in to the DOM?(11:19) - How it tracks data(14:38) - Managing references(17:13) - dangerouslySetInnertHTML(21:25) - Lit is simple (af)(23:54) - Absolutely necessary(26:41) - App frameworks built on Lit(31:33) - Who's using this?(34:44) - How Lit is governed(38:48) - Building for the platform first(40:46) - Web components aren't sexy(43:26) - Incorporating shadow DOM(53:35) - Good role models(54:53) - Justin's web wish(57:30) - Closing time(58:46) - Outro

Fundamentals all the way down

Austin Gil returns to JS Party, bringing a fresh perspective on the fundamentals of file uploads. Brace for an insightful session as we navigate the complexities of this key JavaScript topic together, much like a dedicated coach drilling the fundamentals into his team! Leave us a comment Changelog++ members support our work, get closer to the metal, and make the ads disappear. Join today! Sponsors: Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Typesense – Lightning fast, globally distributed Search-as-a-Service that runs in memory. You iterlly can’t get any faster! Featuring: Austin Gil – Twitter, GitHub, LinkedIn, WebsiteNick Nisi – Twitter, GitHub, WebsiteKevin Ball – Twitter, GitHub, LinkedIn, WebsiteJerod Santo – Mastodon, Twitter, GitHub, LinkedIn Show Notes: JS Party #243 File Upload Angular React Solid Austin’s blog post series on file uploads 200 MDN Austin Gil on file uploads Amazon S3 Akamai Cloudflare R2 Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:40) - Hoy hoy!(02:24) - What Austin's been up to(06:31) - Sportsball analogies(20:58) - File uploads client-side(23:24) - HTTP fundamentals(31:06) - theannoyingsite.com(33:24) - Browsers representing users(35:47) - File uploads server-side(40:39) - Streaming vs serializing(49:22) - Painting the bigger picture(49:58) - On object storage(53:56) - Getting files into object storage(57:22) - Scanning for malware(1:02:44) - Talkin' CDNs(1:05:33) - Callin' in the closer(1:05:58) - Next up on the pod

The massive bug at the heart of npm

Darcy Clarke, former GitHub Staff Engineering Manager and founder of vlt, joins us to discuss a major bug in the npm ecosystem that he recently disclosed. We cover the bug’s timeline, nuances, and impact, all while setting some important context on npm packages, clients, and registries. Tune in to learn how to protect your codebase and gain a deeper understanding of this crucial part of the JavaScript ecosystem. Leave us a comment Changelog++ members save 2 minutes on this episode because they made the ads disappear. Join today! Sponsors: Fastly – Our bandwidth partner. Fastly powers fast, secure, and scalable digital experiences. Move beyond your content delivery network to their powerful edge cloud platform. Learn more at fastly.com Fly.io – The home of Changelog.com — Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs. Typesense – Lightning fast, globally distributed Search-as-a-Service that runs in memory. You iterlly can’t get any faster! Changelog News – A podcast+newsletter combo that’s brief, entertaining & always on-point. Subscribe today. Featuring: Darcy Clarke – Twitter, GitHub, LinkedIn, WebsiteAmal Hussein – Twitter, GitHubFeross Aboukhadijeh – Twitter, GitHub, Website Show Notes: Darcy / vlt’s blog post on this massive npm bug Feross / Socket’s follow-up blog post in this issue Refactor Conf - Darcy & Feross will be speaking in July Verdaccio (not to be mistaken with Versace) - an open source npm proxy registry Github layoffs for engineering team in India Darcy’s original test POC from Nov 2nd, 2022 Darcy’s POC from March 8th, 2023 which was used in the HackerOne report to Github Legacy docs for npm publish params Tool for checking packages for manifest mismatches Great resource for security acronyms Something missing or broken? PRs welcome! Timestamps: (00:00) - It's party time, y'all(00:40) - Welcoming Darcy(02:56) - A massive bug(05:04) - Ecosystem overview(09:30) - But why?(13:58) - Verdaccio(16:46) - Why is this so broken(27:38) - Timeline of the bug(41:40) - Blog post feedback(43:45) - Why, GitHub, why?!(45:12) - Sponsor: Changelog News(46:44) - How do we dig ourselves out(53:14) - What the early days were like(55:03) - What's next for Darcy(57:25) - vlt (Volt)(59:45) - Closing time!(1:01:57) - Next up on the pod