Adventures in Angular - 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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzMwMCwzMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--b30d2b2ffbdad3e82053ac7499c91f84964a05ab/angular-thumb-1400x1400.jpeg" /> <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'>Keep up with the best tools and latest changes in Angular</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/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/subrat-mishra"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTI2LCJwdXIiOiJibG9iX2lkIn19--f66733318d675900ea7ca70e7dfefe555ed464c5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/subrat.jpeg" /> <span class='text-xl font-medum mt-1'>Subrat Mishra</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/lucas-paganini"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQyMDUsInB1ciI6ImJsb2JfaWQifX0=--d97bfde40c2681dd7e77c12b10f784c8a8cd2f0e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/lucas.jpeg" /> <span class='text-xl font-medum mt-1'>Lucas Paganini</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/6102018/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/6ghYCZ2j6Wqz7O0QBRFqZd"><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/ph/podcast/adventures-in-angular/id1238024888"><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-aSfX6PKiA6XAjzbUCWiYCUkU2q"><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/5e3870f3-85d7-4546-84d0-f91e969b7035/adventures-in-angular"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/angular-elements-annex-storybook-with-brad-mcalister-aia-439">Angular Elements, Annex & Storybook with Brad McAlister - AiA 439</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jan 09, 2025 <span class='text-slate-300'>·</span> Episode 439 </div> <div class='text-sm text-slate-500'> In this episode of Adventures in Angular, Brad McAlister joins our regular panelists: Alyssa, Chris and Brooks! Brad walks us through his work of transitioning into an Annex Monorepo and how working with Angular Elements in conjunction has been going. Brad also breaks down what StoryBook is and how it has helped him in his work flows. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/angular-elements-annex-storybook-with-brad-mcalister-aia-439"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/how-to-get-a-60-performance-gains-with-push-pipe-featuring-michael-hladky-aia-438">How to Get a 60% Performance Gains with Push Pipe featuring Michael Hladky - AiA 438</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jan 02, 2025 <span class='text-slate-300'>·</span> Episode 438 </div> <div class='text-sm text-slate-500'> Michael Hladky joins the adventure to discuss how he's gotten a 60% performance increase using push pipe and related techniques. Many developers can get by without this technology, but Michael explains how to pull the push pipe into your code and what that looks like compared to Zone.js and the default stack in Angular. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/how-to-get-a-60-performance-gains-with-push-pipe-featuring-michael-hladky-aia-438"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/matchmaking-ngxs-and-firebase-with-joaquin-cid-aia-437">Matchmaking NGXS and Firebase with Joaquin Cid - AiA 437</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 26, 2024 <span class='text-slate-300'>·</span> Episode 437 </div> <div class='text-sm text-slate-500'> Joaquin Cid is an Argentinian developer who has built a plugin for NGXS state library that allows developers to connect to Firebase and have their queries automatically import into NGXS. Further, it also allows them to define actions that will update their datastore when triggered. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/matchmaking-ngxs-and-firebase-with-joaquin-cid-aia-437"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/practical-applications-of-rxjs-in-angular-development-aia-436">Practical Applications of RxJS in Angular Development - AiA 436</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Dec 19, 2024 <span class='text-slate-300'>·</span> Episode 436 </div> <div class='text-sm text-slate-500'> In today's episode, Lucas is joined by Jason Akbar, a full-stack software engineer who’s got a knack for front-end development. He recently penned some intriguing articles on Medium about RxJS operators. He will reveal what motivated him to write about RxJS operators, especially focusing on the top 17 operators that every Angular developer should know. They will break down each of these operators—like the map, filter, and debounce time—and discuss how they can streamline your Angular development. Jason will also touch on some of the lesser-known but incredibly useful operators like concat and merge, providing real-world examples of where these can come in handy. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/practical-applications-of-rxjs-in-angular-development-aia-436"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/azure-cognitive-services-with-ankit-sharma-aia-435">Azure Cognitive Services with Ankit Sharma - AiA 435</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 435 </div> <div class='text-sm text-slate-500'> Ankit Sharma, an Angular GDE and author, joins us in this episode of Adventures in Angular to talk about using Azure cognitive services with Angular. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/azure-cognitive-services-with-ankit-sharma-aia-435"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/power-up-angular-with-rxjs-with-armen-vardanyan-aia-434">Power Up Angular with RXjs with Armen Vardanyan - AiA 434</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 434 </div> <div class='text-sm text-slate-500'> Armen Vardanyan is an Armenian Angular developer who works extensively with both angular and RXjs. He walks Chuck through the ins and outs of how he uses RXjs to expand the functionality of his Angular applications and how to think about observables in general. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/power-up-angular-with-rxjs-with-armen-vardanyan-aia-434"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/getting-your-components-to-communicate-with-ravi-veliyat-aia-433">Getting your Components to Communicate with Ravi Veliyat - AiA 433</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 28, 2024 <span class='text-slate-300'>·</span> Episode 433 </div> <div class='text-sm text-slate-500'> Ravi Veliyat helps train people in many web technologies, Angular being one of them. The panel discusses the various ways you can get your components to communicate, from inputs and outputs all the way up to NgRx. Ravi walks through the different options, with great examples that will keep you on the edge of your headphones. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/getting-your-components-to-communicate-with-ravi-veliyat-aia-433"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/managing-and-capturing-errors-in-angular-ft-philipp-kief-aia-432">Managing and Capturing Errors in Angular ft. Philipp Kief - AiA 432</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 21, 2024 <span class='text-slate-300'>·</span> Episode 432 </div> <div class='text-sm text-slate-500'> Philipp Kief is a German developer who walks through how to manage and capture errors in your Angular application and how to display them to users. He discusses how he standardized error handlers in his applications and what he does to make sure that they get logged someplace. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/managing-and-capturing-errors-in-angular-ft-philipp-kief-aia-432"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/web-components-for-cross-framework-development-with-nishu-goel-aia-431">Web Components for Cross Framework Development with Nishu Goel - AiA 431</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 14, 2024 <span class='text-slate-300'>·</span> Episode 431 </div> <div class='text-sm text-slate-500'> Nishu Goel joins the Adventure to talk about how Web Components can be used in Angular applications and how to use them to share functionality across multiple applications written in different frameworks. We also dive into how web components are used and compatibility across browsers. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/web-components-for-cross-framework-development-with-nishu-goel-aia-431"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/profiling-angular-apps-with-gil-fink-aia-430"> Profiling Angular Apps with Gil Fink - AiA 430</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 24, 2024 <span class='text-slate-300'>·</span> Episode 430 </div> <div class='text-sm text-slate-500'> The illustrious and well-regarded Gil Fink joins the Adventures in Angular panel to talk about profiling your Angular apps. Profiling consists of finding bottlenecks, and memory leaks among other problems within your application. Most of the time, the problems are hard to see from the development side. Usually, they appear when your user uses a devise that is slow or a connection that is faulty. Gil explains how to find and fix them.Panel </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/profiling-angular-apps-with-gil-fink-aia-430"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/leveraging-event-sourcing-enhancing-scalability-and-consistency-in-front-end-and-back-end-aia-429">Leveraging Event Sourcing: Enhancing Scalability and Consistency in Front-end and Back-end - AiA 429</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 17, 2024 <span class='text-slate-300'>·</span> Episode 429 </div> <div class='text-sm text-slate-500'> In this episode, Lucas, Armen, and Subrat are joined by Luis Galeas, the CEO and founder of Ambar. Today's discussion dives into the fascinating world of event sourcing, exploring its intricacies in both front-end and back-end development. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/leveraging-event-sourcing-enhancing-scalability-and-consistency-in-front-end-and-back-end-aia-429"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/is-there-benefits-from-working-from-home-with-will-gant-aia-428">Is There Benefits from Working From Home with Will Gant - AiA 428</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 10, 2024 <span class='text-slate-300'>·</span> Episode 428 </div> <div class='text-sm text-slate-500'> In this episode of Adventures in Angular, Will Gant, author of Remote Work talks about working from home and working outside of the client's office. He and Brooks share their experience with working through the challenges, benefits, and methods of working remotely. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/is-there-benefits-from-working-from-home-with-will-gant-aia-428"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/data-mocking-with-dave-cooper-aia-427"> Data Mocking with Dave Cooper - AiA 427</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 03, 2024 <span class='text-slate-300'>·</span> Episode 427 </div> <div class='text-sm text-slate-500'> In this episode of Adventures in Angular the panel interviews Dave Cooper, who recently gave a talk at AngularConnect about using Mock Data. Dave starts by explaining more about his talk and sharing the benefits of using data mocking solutions and rapid prototyping. He shares the secrets of doing rapid prototyping. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/data-mocking-with-dave-cooper-aia-427"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/managing-component-state-the-sane-way-with-freddy-montes-aia-426">Managing Component State the Sane Way with Freddy Montes - AiA 426</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 26, 2024 <span class='text-slate-300'>·</span> Episode 426 </div> <div class='text-sm text-slate-500'> Freddy Montes joins the adventure to discuss how he and his team manage state in their Angular components. Many development teams instinctively reach for a solution like ngrx when they're building their angular apps and start seeing complex state. However, there's a lot of boilerplate and it's often overkill for small to medium apps. Freddy talks about his journey into managing state for his components using observables and basic state libraries. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/managing-component-state-the-sane-way-with-freddy-montes-aia-426"><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/eyJfcmFpbHMiOnsiZGF0YSI6OSwicHVyIjoiYmxvYl9pZCJ9fQ==--0c21cd43963cfdabee180db919aca8f3146b643a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/angular-thumb-1400x1400.jpeg" /> <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/adventures-in-angular/episodes/cross-platform-angular-with-richard-sithole-aia-425">Cross Platform Angular with Richard Sithole - AiA 425</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 12, 2024 <span class='text-slate-300'>·</span> Episode 325 </div> <div class='text-sm text-slate-500'> Have you ever thought how nice it'd be to write your apps for desktop and mobile alongside the web? Richard Sithole joins the adventure to discuss how to pull a desktop app and mobile app into your repo using electron and capacitor to extend the functionality to new platforms. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/adventures-in-angular/episodes/cross-platform-angular-with-richard-sithole-aia-425"><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/adventures-in-angular"><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/adventures-in-angular?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/adventures-in-angular?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/adventures-in-angular?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/adventures-in-angular?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/adventures-in-angular?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: Angular Elements, Annex & Storybook with Brad McAlister - AiA 439

0:00

51:33

Playback Speed: