JavaScript Jabber - Podcasts - <section class='relative'></section> <div class='max-w-6xl mx-auto px-4 sm:px-6'> <div class='pt-28 md:pt-32 md:pb-20'> <div class='text-center items-center'> <img class="mb-6 mx-auto" data-aos="zoom-y-out" data-aos-delay="150" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZml0IjpbMzAwLDMwMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--f3b151d3ca262e5831817f8f49b60dc22c0caa9e/javascript_jabber_thumb.png" /> <div class='max-w-3xl mx-auto'> <p class='text-2xl font-bold text-gray-700 mb-8' data-aos='zoom-y-out' data-aos-delay='300'>Stay up to date on the latest JavaScript and Front-End tools and tech</p> </div> <div class='flex flex-wrap justify-center space-x-4 space-y-4 mb-8'> <span class='text-lg pt-4 mt-1 pr-4'>Hosted by:</span> <a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/aj-oneal"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE3NTMsInB1ciI6ImJsb2JfaWQifX0=--be2fdc10ced4d4f2bb856aa416c6b1b5cc28791f/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/AJ%20ONeal%20%20.jpeg" /> <span class='text-xl font-medum mt-1'>AJ ONeal</span> <span class='text-gray-500 px-1'>•</span> </a><a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/charles-max-wood"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDksInB1ciI6ImJsb2JfaWQifX0=--1dad156f38e1a600f7a44cd25941a40a3355a1a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/Charles.jpeg" /> <span class='text-xl font-medum mt-1'>Charles Max Wood</span> <span class='text-gray-500 px-1'>•</span> </a><a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/dan-shappir"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDgsInB1ciI6ImJsb2JfaWQifX0=--447cb7d0ba8f31444ca2b11cf1ff8b321aa853c8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/dan.jpeg" /> <span class='text-xl font-medum mt-1'>Dan Shappir</span> <span class='text-gray-500 px-1'>•</span> </a><a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/steve-edwards"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTAsInB1ciI6ImJsb2JfaWQifX0=--d8bfe9f6537ed1771d1a25418a1e6a0f44ba592d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/stve.jpeg" /> <span class='text-xl font-medum mt-1'>Steve Edwards</span> </a></div> <div class='flex flex-wrap justify-center space-x-4 space-y-4'> <a class="bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10 mt-4" href="https://www.spreaker.com/show/6102064/episodes/feed"><i class='fas fa-rss text-white mr-2'></i> RSS </a><a class="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://open.spotify.com/show/6xpiit8aJmwDHk1rKdxmri"><i class='fab fa-spotify text-white mr-2'></i> Spotify </a><a class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://podcasts.apple.com/us/podcast/javascript-jabber/id1237401284"><i class='fab fa-apple text-white mr-2'></i> Apple Podcasts </a><a class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://www.youtube.com/playlist?list=PLJesql-aSfX4bg83Xuq_0QZs6MLSyklkq"><i class='fab fa-youtube text-white mr-2'></i> YouTube </a><a class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://music.amazon.com/podcasts/98a7426c-dbef-4f01-8838-160caaea2a70/javascript-jabber"><i class='fab fa-amazon text-white mr-2'></i> Amazon Music </a></div> </div> </div> <h2 class='text-3xl md:text-4xl font-hkgrotesk font-extrabold mb-4 mt-16 md:mb-0 md:mt-12'>Episodes</h2>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/reflections-on-technology-trends-ai-impact-and-memorable-episodes-jsj-665">Reflections on Technology Trends, AI Impact, and Memorable Episodes - JSJ 665</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jan 07, 2025 <span class='text-slate-300'>·</span> Episode 665 </div> <div class='text-sm text-slate-500'> Welcome to another riveting episode of Top End Devs! In today's "Year in Review" special, hosts Charles, AJ, Dan, and Steve Edwards take you on a retrospective journey through their most memorable moments and thought-provoking discussions of the year. From the amusing and insightful exchanges with influential guests like Rich Harris and Kyle Simpson to their deep dives into emerging tech trends like Svelte 5 and AI integration in development, this episode has it all. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/reflections-on-technology-trends-ai-impact-and-memorable-episodes-jsj-665"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/innovation-and-framework-adoption-jsj-664">Innovation and Framework Adoption - JSJ 664</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 31, 2024 <span class='text-slate-300'>·</span> Episode 664 </div> <div class='text-sm text-slate-500'> In this episode, Charles, AJ, and Dan explore the intricacies of team dynamics, technological choices, and the challenges of web development with our distinguished panel. Joining them is a very special guest, the legendary Uncle Bob Martin. They delve into team collaboration and decision-making, with Uncle Bob emphasizing the importance of reasonable debates and team buy-in when it comes to mental models and project directives. Dan discusses how, in startups, the initial developer often ends up making key decisions. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/innovation-and-framework-adoption-jsj-664"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/revolutionizing-api-syntax-and-schema-management-with-jazz-framework-jsj-663"> Revolutionizing API Syntax and Schema Management with Jazz Framework - JSJ 663</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 24, 2024 <span class='text-slate-300'>·</span> Episode 663 </div> <div class='text-sm text-slate-500'> In today's episode, Charles and AJ are joined by Anselm Eickhoff, a trailblazing full-stack software engineer. Anselm delves into the world of "Local First" software development and the innovative tool he’s developed, "Jazz." They explore how Jazz leverages schema information for type inference and runtime validation, enabling real-time collaboration and seamless offline functionality. They dive into the simplifications brought by Jazz's API changes, the flexibility offered through open protocols, and the local-first approach using CRDTs. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/revolutionizing-api-syntax-and-schema-management-with-jazz-framework-jsj-663"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/painting-roses-eating-marshmallows-and-network-protocols-jsj-662">Painting Roses, Eating Marshmallows and Network Protocols - JSJ 662</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 17, 2024 <span class='text-slate-300'>·</span> Episode 662 </div> <div class='text-sm text-slate-500'> Welcome to another insightful episode of the JavaScript Jabber podcast, hosted by Charles alongside our expert panelists Dan and AJ. Today, they are thrilled to be joined by Avishai Ish-Shalom a seasoned technologist with an eye for challenging conventions in the tech world. In this episode, Avishai takes us through fascinating discussions comparing industrial food products to technological abstractions, including his unique perspective on the “marshmallow effect” and the evolving complexities of virtualization. They delve into the challenges of backward compatibility in modern tech, using real-world parallels like AWS virtual storage options, and discuss the impact of technologies like Docker and cloud services on our understanding of underlying infrastructures. Charles shares his upgrade journey from an aging Mac laptop to a powerful System76 desktop for AI tasks, reflecting the changing demands on development environments. Listen in as they explore the nuances of binary vs. textual protocols, the importance of future-proofing legacy systems, and Avishai's compelling arguments in his articles "Don't Paint the Roses" and "The Marshmallow Effect." Plus, they discuss Avishai's career evolution and the intellectual challenges faced by today’s engineers in the rapidly advancing tech landscape. Whether you’re a casual listener or a tech enthusiast, this episode promises to offer valuable insights and thought-provoking discussions. Stay tuned! </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/painting-roses-eating-marshmallows-and-network-protocols-jsj-662"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/structuring-node-js-applications-part-2-dependency-management-package-managers-proper-api-usage-etc-jsj-661">Structuring Node.js Applications Part 2: Dependency Management, Package Managers, Proper API Usage, etc.- JSJ 661</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 12, 2024 <span class='text-slate-300'>·</span> Episode 661 </div> <div class='text-sm text-slate-500'> This is the second part of the deep dive into the essential practices and principles for successful Node.js development. Our esteemed guests, Michael Dawson, James Snell, Matteo Collina, and Natalia Venditto, bring their extensive expertise to the table, discussing key topics like how to manage dependencies in a Node.js project. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/structuring-node-js-applications-part-2-dependency-management-package-managers-proper-api-usage-etc-jsj-661"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/typescript-success-integration-type-checking-and-generics-jsj-660">TypeScript Success: Integration, Type Checking, and Generics - JSJ 660</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 05, 2024 <span class='text-slate-300'>·</span> Episode 660 </div> <div class='text-sm text-slate-500'> In this episode, Dan sits down with TypeScript expert Matt Pocock to dive deep into the world of TypeScript migration, learning curves, and developer challenges. They explore why having a TypeScript "wizard" is crucial for teams transitioning from JavaScript and how TypeScript's integration with development environments like Visual Studio Code has been a game changer. Dan and Matt discuss the importance of real-time typechecking, the community's role in TypeScript's success, and practical strategies for migrating large codebases to TypeScript. You'll hear about Matt's journey from drama school to becoming a DevRel expert, his contributions to the XState library, and his philosophy of type-driven development. Together, they highlight TypeScript's advantages, such as enhanced code reliability and the nuanced benefits of explicit vs. inferred types. Whether you're a seasoned developer or just starting with TypeScript, this episode offers valuable insights and actionable advice to help you harness the full power of static typing in your projects. Tune in for a fascinating discussion that underscores the value of "boring" code, the need for continual learning, and the ongoing evolution of software development practices. Stay with us as we unravel the intricacies of TypeScript and share practical tips to elevate your coding journey. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/typescript-success-integration-type-checking-and-generics-jsj-660"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/react-and-beyond-the-importance-of-learning-dom-apis-jsj-659">React and Beyond: The Importance of Learning DOM APIs - JSJ 659</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 26, 2024 <span class='text-slate-300'>·</span> Episode 659 </div> <div class='text-sm text-slate-500'> In today's episode, Charles, AJ and Steve are joined by guests Corey Brown for a rich discussion on the importance of understanding foundational concepts in software development. They explore the balance between leveraging high-level frameworks like React and the necessity of grasping the underlying technologies to troubleshoot effectively and build robust applications. They emphasize the value of comprehending core language features to write better software and solve problems efficiently. Corey reflects on the passion within the software development community and the hidden costs of over-relying on third-party dependencies like the infamous "left pad" incident.As the conversation unfolds, they debate whether sticking to frameworks or delving into deeper technologies leads to long-term success. They share practical insights on the benefits of reading source code, continuously learning, and the significance of core platform APIs. Additionally, the episode includes light-hearted "picks" from the panelists, including humorous resources and personal anecdotes. Join them as they dissect these critical perspectives and share valuable advice for both novice and seasoned developers alike. Let's get started! </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/react-and-beyond-the-importance-of-learning-dom-apis-jsj-659"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/new-horizons-in-web-development-with-danny-moerkerke-jsj-658">New Horizons in Web Development with Danny Moerkerke - JSJ 658</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 19, 2024 <span class='text-slate-300'>·</span> Episode 658 </div> <div class='text-sm text-slate-500'> In today's jam-packed episode, Charles, AJ, and Dan, along with special guest Danny Moerkerke, a seasoned freelance JavaScript web developer from Amsterdam. They dive deep into the fascinating world of web development, focusing on the capabilities and future of Progressive Web Apps (PWAs), comparing them to native apps, and discussing the technical intricacies involved. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/new-horizons-in-web-development-with-danny-moerkerke-jsj-658"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/structuring-node-js-applications-event-loop-metrics-and-efficient-processing-techniques-jsj-657">Structuring Node.js Applications: Event Loop, Metrics, and Efficient Processing Techniques - JSJ 657</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 12, 2024 <span class='text-slate-300'>·</span> Episode 657 </div> <div class='text-sm text-slate-500'> In this episode, they dive deep into the essential practices and principles for successful Node.js development. AJ and Dan are joined by special guests Michael Dawson, James Snell, and Matteo Collina. They bring a wealth of expertise and experience to the table, discussing key topics like experimental tech with existing web standards, managing updates with LTS releases, and the fundamental pillars of Node.js, including the critical concept of "not blocking the event loop." </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/structuring-node-js-applications-event-loop-metrics-and-efficient-processing-techniques-jsj-657"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/stimulus-and-turbo-in-web-development-jsj-656">Stimulus and Turbo in Web Development - JSJ 656</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 05, 2024 <span class='text-slate-300'>·</span> Episode 656 </div> <div class='text-sm text-slate-500'> Dive into the dynamic world of JavaScript frameworks with this week's episode of JavaScript Jabber! Join Charles, AJ, Dan and Steve as they explore Hotwire, Stimulus, and Turbo—tools that are transforming how developers build fast, responsive web applications. They discover the evolution from Turbo Links to Turbo Drive, learn how these technologies enhance page rendering speeds by updating only changed elements, and understand their seamless integration in Rails applications. The discussion also touches on practical implementations using Turbo frames and streams for efficient DOM manipulation. Additionally, they dive into the benefits of partial page updates for improved performance and talk about the insights into integrating Stimulus for fine-grained control over client-side interactions. They also explore the parallels between modern frameworks like React or Angular with traditional approaches. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/stimulus-and-turbo-in-web-development-jsj-656"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/understanding-confidence-and-humility-in-web-development-jsj-655">Understanding, Confidence, and Humility in Web development - JSJ 655</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 30, 2024 <span class='text-slate-300'>·</span> Episode 655 </div> <div class='text-sm text-slate-500'> In today's episode, they delve deep into cutting-edge tech trends and development methods. Steve and AJ are joined by special guest Kyle Simpson, an expert in JavaScript and a pioneer of the "Local First" development approach. Together, they explore groundbreaking topics such as the use of the Origin Private File System (OPFS) in modern browsers, techniques for interfacing main and worker threads, and the future potential of local-first applications. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/understanding-confidence-and-humility-in-web-development-jsj-655"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/exploring-local-first-applications-and-data-synchronization-challenges-jsj-654-f7e72cb4-ee0a-44b5-861f-253b950424b3">Exploring Local-First Applications and Data Synchronization Challenges - JSJ 654</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 22, 2024 <span class='text-slate-300'>·</span> Episode 654 </div> <div class='text-sm text-slate-500'> </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/exploring-local-first-applications-and-data-synchronization-challenges-jsj-654-f7e72cb4-ee0a-44b5-861f-253b950424b3"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/exploring-local-first-applications-and-data-synchronization-challenges-jsj-654-11aa1e05-4f95-4f8a-b0c1-958d4bc73c6e">Exploring Local-First Applications and Data Synchronization Challenges - JSJ 654</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 22, 2024 <span class='text-slate-300'>·</span> Episode 654 </div> <div class='text-sm text-slate-500'> In today's episode, they delve deep into cutting-edge tech trends and development methods. Steve and AJ are joined by special guest Kyle Simpson, an expert in JavaScript and a pioneer of the "Local First" development approach. Together, they explore groundbreaking topics such as the use of the Origin Private File System (OPFS) in modern browsers, techniques for interfacing main and worker threads, and the future potential of local-first applications. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/exploring-local-first-applications-and-data-synchronization-challenges-jsj-654-11aa1e05-4f95-4f8a-b0c1-958d4bc73c6e"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/exploring-local-first-applications-and-data-synchronization-challenges-jsj-654">Exploring Local-First Applications and Data Synchronization Challenges - JSJ 654</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 22, 2024 <span class='text-slate-300'>·</span> Episode 654 </div> <div class='text-sm text-slate-500'> In this episode, they delve deep into cutting-edge tech trends and development methods. Steve and AJ are joined by special guest Kyle Simpson, an expert in JavaScript and a pioneer of the "Local First" development approach. Together, they explore groundbreaking topics such as the use of the Origin Private File System (OPFS) in modern browsers, techniques for interfacing main and worker threads, and the future potential of local-first applications. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/exploring-local-first-applications-and-data-synchronization-challenges-jsj-654"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwODksInB1ciI6ImJsb2JfaWQifX0=--943ab53e7bd1a293d43b87398f34ec59c4a9fd58/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--7a7e59dcd2d711c8e571032d65c266a9e220b78f/javascript_jabber_thumb.png" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/javascript-jabber/episodes/slaughtering-sacred-cows-reconsidering-software-dev-truisms-jsj-653">Slaughtering Sacred Cows: Reconsidering Software Dev Truisms - JSJ 653</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 15, 2024 <span class='text-slate-300'>·</span> Episode 653 </div> <div class='text-sm text-slate-500'> Charles and Dan dive deep into the world of programming languages, development practices, and the trade-offs that shape our daily coding lives. Joining them is special guest Tomer Gabel, an experienced backend engineer, and consultant. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/javascript-jabber/episodes/slaughtering-sacred-cows-reconsidering-software-dev-truisms-jsj-653"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div> <nav class='flex items-center justify-between border-t border-gray-200 px-4 sm:px-0 mt-6'> <div class='-mt-px flex w-0 flex-1'> <a rel="next" class="inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/javascript-jabber"><svg aria-hidden='true' class='mr-3 h-5 w-5 text-gray-400' fill='currentColor' viewbox='0 0 20 20'> <path clip-rule='evenodd' d='M18 10a.75.75 0 01-.75.75H4.66l2.1 1.95a.75.75 0 11-1.02 1.1l-3.5-3.25a.75.75 0 010-1.1l3.5-3.25a.75.75 0 111.02 1.1l-2.1 1.95h12.59A.75.75 0 0118 10z' fill-rule='evenodd'></path> </svg> Previous </a></div> <div class='hidden md:-mt-px md:flex'> <span class='inline-flex items-center border-t-2 border-indigo-500 px-4 pt-4 text-sm font-medium text-indigo-600'>1</span> <a rel="next" class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/javascript-jabber?page=2">2</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/javascript-jabber?page=3">3</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/javascript-jabber?page=4">4</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/javascript-jabber?page=5">5</a> <span class='inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700'>...</span> </div> <div class='-mt-px flex w-0 flex-1 justify-end'> <a rel="next" class="inline-flex items-center border-t-2 border-transparent pl-1 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/javascript-jabber?page=2">Next <svg aria-hidden='true' class='ml-3 h-5 w-5 text-gray-400' fill='currentColor' viewbox='0 0 20 20'> <path clip-rule='evenodd' d='M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z' fill-rule='evenodd'></path> </svg> </a></div> </nav> </div>

Latest Episode: Reflections on Technology Trends, AI Impact, and Memorable Episodes - JSJ 665

0:00

02:05:33

Playback Speed: