Join our weekly discussion about how to build top end Angular applications and become an Angular expert.
Similar Podcasts
Flutter 101 Podcast
Weekly podcast focusing on software development with Flutter and Dart. Hosted by Vince Varga.
Views on Vue
Vue is a growing front-end framework for web developments. Hear experts cover technologies and movements within the Vue community by talking to members of the open source and development community.
React Round Up
Stay current on the latest innovations and technologies in the React community by listening to our panel of React and Web Development Experts.
Micro Frontends and Zoneless Angular: Bridging Framework Interoperability - AiA 424
Dive deep into the latest trends and challenges in the development world. Lucas, Armen, and Subrat Mishra are joined by a special guest, Rakia Ben Sassi, a Google Developer Expert in Angular. In this episode, they explore the complexities and potential benefits of adopting Zoneless Angular and discuss the critical updates in Angular 18, including improved composability for micro frontends and interoperability with other frameworks. They also cover the technical barriers and performance issues associated with Zone JS, and how its removal could significantly streamline your development process.They delve into the practical considerations for server-side rendering (SSR) and client-side rendering (CSR), offering a hybrid approach that could be beneficial for large applications. Rakia shares some fascinating use cases, including an e-commerce application example, to illustrate the real-world impact of choosing SSR versus CSR.They touch on the new features in the Angular Forms API, including a discussion on the new observable for form control events, and its relevance in complex applications.Finally, they wrap up with some promotional content, where Armen talks about his upcoming book "Modern Angular," Lucas highlights Top End Devs' tech podcasts, Rakia promotes her blog and video courses, and Subrat invites you to check out his YouTube channel.Social MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniArmen VardanyanLinkedIn https://www.linkedin.com/in/armen-vardanyan-am/Charles WoodLinkedin https://www.linkedin.com/in/charlesmaxwood/Subrat MishraLinkedIn: https://www.linkedin.com/in/subrat-k-mishra/Rakia Ben SassiLinkedIn: https://www.linkedin.com/in/rakiabensassi/Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Accessibility in Angular with Vitalii Bobrov - AiA 423
Special guest, Vitalii Bobrov joins us to talk about accessibility on the web and how to relate it to user experience in general. What can we do to improve accessibility? How can we improve accessibility? Why should we even care about accessibility? Find the answers to these questions and much more on this very insightful episode of Adventures in Angular.Linkshttps://material.angular.io/cdk/a11y/overviewAxe Accessibility TestingPicksAlyssa - CodeItLiveVitalii - JS RocksEddie - Swift UIEddie - AxeChris - Kingdoms of Amalur Re-ReckoningChris - EndeavourBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Bazel with Alex Eagle - AiA 422
Alex Eagle is a Software Engineer on the core Angular team at Google. Alex and the panel talk about Bazel, a a free software tool that allows for the automation of building and testing of software.LinksAlex’s GitHubAlex’s TwitterAlex’s LinkedInBazelAngular and BazelJoin BazelBuild on Slack!PicksAaron - Axe ThrowingJennifer - Drama on the The Bachelor ( TV series)Joe - FIFA Women's World Cup France 2019Joe - Playing Dungeons & Dragons with Aaron FrostAlex - Firefly (TV Series 2002–2003) - IMDbBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Functional Programming with Angular, NgRx with Raul Jimenez - AiA 421
Raul Jimenez, the CEO of Byte Default, answers the panels many questions on functional programming with NgRx. In this playful interview, Raul defines functional programming and what it is trying to solve. The panel discusses side effects using a Spiderman analogy. Raul shares the benefits of switching to and when to use NgRx. The importance of knowing RxJS in using NgRx is considered by the panel. The episode ends with an in-depth discussion on some the specifics of using NgRx for functional programming.Linkshttps://twitter.com/elecashhttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksShai - https://www.youtube.com/watch?v=B48Exq57ZgJoe - https://thinkster.io/tutorials/five-essential-lessons-for-typescript-competenceAaron - https://www.rxjs.live/Aaron - The Go-Giver, Expanded Edition: A Little Story About a Powerful Business Idea by Bob BurgRaul - https://app.quicktype.io/Raul - https://www.ag-grid.com/Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
The JAM in JAMstack with Tara Z. Manicsic - AiA 420
In this episode of Adventures in Angular the panel interviews Tara Manicsic. Tara is an Angular Developer Experience Engineer at Netlify. Tara explains what she does at Netlify. She explains what Netlify is and introduces the topic for today’s episode, JAMstack. She explains what services Netlify offers and the packages they offer. She explains that the JAM in JAMstack stands for JavaScript API Markup, which outlines the best practices of a JAMstack architecture. During her explanation of JAMstack and the benefits of a microservice architecture, she references Smashing Magazine and their switch to JAMstack. Tara overviews each letter of JAM and how they affect JAMstack. J or Javascript refers to the use of a JavaScript language, like Angular and others. Tara lists the API’s one might use for the A in JAM. The panel discusses the M or Markup. Markup serves up fast and safe prerendered content. Tara explains what prerender means and it makes the content safer and the sites faster. Tara then overviews the entire JAMstack process and explains atomic deployment. The panel considers how JAMstack is picking up in the Angular ecosystem. Tara outlines a few of the benefits seen when using JAMstack and the panel considers the possible use cases. She shares a few real-life examples of the success seen when JAMstack is used in an enterprise application. Linkshttps://www.netlify.com/https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrian - Living with YourselfShai - Angular Testing Tip — The Easiest Way To Start Your Test Shai - JokerTara - FleabagTara - Netlify Tutorial - How to build and deploy websites using NetlifyTara - https://www.ng-conf.org/2019/sessions/workshop-jamstack-from-i-dont-know-to-pro/Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Angular Projects with Zama Khan Mohammed - AiA 419
In this episode of Adventures in Angular the panel interviews Zama Khan Mohammed about his recent book and other open source work he has done in the Angular community. Zama explains what is so different about his book and why it is worth reading. His book takes an approach different than the common practice of walking readers through concepts, instead, his book walks readers through using a project perspective. The first chapter walks through setting up Angular, installing Angular CLI and Angular console. After the set up is complete he walks readers through a very basic flashbase application. Zama explains how this first chapter is geared toward beginners. In his book, Zama shows users how to use the whole platform. He covers PWA and how to create brand new projects from scratch. The panel asks him about his unique project perspective strategy for this book. Each chapter of Zama’s book walks the readers through a different project, unlike most technical books that walk readers through one project introducing a different concept each chapter. Zama explains why he wrote the book this way. He wanted to bring different libraries and tools into each project to highlight how deep and rich the Angular community and ecosystem are. The panel shares how the ecosystem and community make Angular so great to use. Zama’s book is called Angular Projects and was published by Packt Publishing. Zama shares where to find it for those interested. The panel considers how hard writing a book must be. Zama explains the time and stress involved in writing a book. He admits he has been approached to write more books but has resolved to wait a bit before diving back into writing. The panel discusses Zama’s open source efforts in the Angular community. They consider a few of his projects including, ngx-formly, codelyzer, and ngx-loading. He wrote ngx-formly after using formerly and he decided he wanted to use it with Angular 2.0. The panel was impressed with his contributions to codelyzer, where he helped with the accessibility requirements. After using react-loadable Zama knew he wanted a similar feature in Angular to provide more control over loading so he built ngx-loadable. The panel defines lazy loading for listeners and explains how having control over what can load and how fast it can load can be useful in applications. Zama shares some of the improvements he has made in version 2.0. Zama shares his hopes for speaking at ng-conf 2020, this takes the panel down a tangent discussing the exciting workshops that will be at ng-conf next year. Brian Love will be teaching a two-day workshop on Angular fundamentals. Aaron Frost is teaching and observables class and a reactive angular class. They advise everyone to buy an ng-conf ticket and not to be afraid to submit a CFP. Back on topic, Zama shares the challenges in writing, publishing and maintaining an opensource library. He explains how contributing to open source is a great way to learn and a great way to see what a framework can do. He shares advice for those looking to get into open source and invites everyone to try Hacktoberfest.Linkshttps://angularprojects.com/https://twitter.com/mgechevhttps://github.com/mohammedzamakhanhttps://www.ng-conf.org/https://hacktoberfest.digitalocean.com/https://m.hero.dev/ngstory https://github.com/aaronfrostAudit your Angular app's accessibility with codelyzerhttps://twitter.com/mohamedzamakhan?lang=en https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrian - ng-conf: CFP Office HoursAaron - Late Night with Seth MeyersZama - Hacking the Angular CompilerBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Unleashing Angular's Potential with WebAssembly and Rust - AiA 418
In today's episode, They dive deep into the fascinating world of WebAssembly and Rust with our special guest expert, Evgeniy Tuboltsev. WebAssembly, a powerful binary format, allows code to run at near-native speeds in the browser, making it ideal for high-performance tasks like video processing, gaming, and cryptography. Rust, a compiled language, seamlessly integrates with WebAssembly, elevating front-end capabilities to new heights. They explore how you can leverage these technologies in Angular, the performance benefits, and the intricacies of bundle size optimization. Plus, get insider tips on transitioning from TypeScript to Rust and the upcoming updates in Angular version 18.1. Stay tuned as Lucas and Evgeniy break down the best practices and emerging trends in WebAssembly and Rust, and discover how to make applications more powerful and efficient than ever before!SocialsEvgeniy TuboltsevLinkedIn: Evgeniy TuboltsevGitHub: e-ozBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Mastering Angular Testing Strategies with Ng Demo and Cypress Integration - AiA 417
In this episode, they dive deep into the world of Angular application testing with our special guest, Matt, the author of the Angular Mini Book and creator of the ng demo repository. They explore the essentials of unit tests, service tests, and end-to-end tests using Cypress, and discuss the intricacies of building a robust testing infrastructure with tools like Jasmine, Jest, and Storybook.Join the hosts as they unpack the challenges and best practices in testing Angular components, using everything from JSON files in automated CI environments with GitHub actions to advanced tools like Applitools and Playwright. Lucas shares insights on achieving high code coverage with SonarQube, clean code principles, and the importance of end-to-end tests for application migration and framework testing.This episode is jam-packed with valuable tips on creating full-stack applications, microservices, and micro frontends with JHipster, as well as discussions on the expanding tool support for Angular. So, get ready to level up your Angular development and testing game with this must-listen episode!SocialsLinkedIn: Matt Raiblegithub.com/mraibleraibledesigns.comBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Put A Form Around It with Sani Yusuf - AiA 416
In this episode of Adventures in Angular, Sani Yusuf stops by for an adventure and chats with Alyssa, Brooks & Chris about building component libraries in Nx and how he feels forms are one of Angular’s most powerful and perhaps underrated features.Linkshttps://zippopotam.us/PicksSani - Operator Decision TreeAlyssa - RxJS in Angular: Reactive DevelopmentBrooks - Crocs with socksChris - skipWhileChris - Star Wars: The Clone WarsBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Why would you use Angular in a Startup? - AiA 415
Catalin Ciubotaru joins the show today to share his industry insights and the advantages and disadvantages of using Angular in a startup. In this episode…Main advantages of AngularMoving quickly with AngularDeveloper experience and templatesDisadvantages of using AngularHiring with a startup mentalityStartups definedMicro front ends and monolithic appsLinksCatalin CodesCatalin Ciubotaru - MediumTwitter: @c5n_c8uPicksCatalin- The X-Files (TV Series 1993-2018) - IMDbCatalin- CSS for JavaScript Developers | An online course that teaches the fundamentals of CSS for React/Vue devsCharles- 2000 Mules | Official SiteCharles- Project Hail MaryCharles- The Scions of Shannara (Heritage of Shannara, #1)Charles- NCIS (Official Site) Watch on CBSCharles- - Top End DevsBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Progressive State Management with NGXS with Aliaksei Kuncevic - AiA 414
In this episode, Brooks, Alyssa and Chris talk with Aliaksei Kuncevič about Progressive State Management with NGXS. Aliaksei walks the crew through this progressive journey by starting small and implementing reactive services. These are services with a behavior subject. Aliaksei then demonstrates how you can migrate from reactive services to using NGXS.LinksAliaksei’s RX-Servicehttps://www.ngxs.io/plugins/formhttps://www.ngxs.io/plugins/storagehttps://www.ngxs.io/plugins/clihttps://www.ngxs.io/v/master/concepts/introAngular Air Episode with Aliaksei (for the visual learner)NGXS LabsHelpful Chart to understand NGXS in a glancePicksAlyssa - https://www.neuralink.com/Brooks - Allway Tools Series Allway 10031 HM1 1 Gallon Helix Paint MixerChris - Family booked a COVID testAliaksei - Bicycle, BikingBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
The Easiest Way to use Angular Elements with Tomas Trajan - AIA 413
In this episode of Adventures in Angular Tomas Trajan, an angular elements expert, breaks down how to use angular elements for the panel. Tomas explains that angular elements are great for very specific use cases. Tomas starts by describing a scenario with a large enterprise with tens of developer teams and hundreds of developers, they have a few choices on how to organize their applications. The first option is a messy monolith. The second option is using monorepos and Nx. The final option is to use a multi-spa solution. Tomas explains how the multi-spa solution works. This solution consists of 80 stand-alone applications, on the same page and share components. Tomas outlines the common problems when using the solutions and how using angular elements combat those problems. The panel moves on to considers how you know if you should use angular elements in this way. Tomas provides two questions to ask yourself when deciding whether or not to use angular elements. The first question is, are you in a multi-spa scenario? The second question is, are components shared across applications? If the answer is yes for both of those questions then angular elements can only help the situation. In last week’s episode of Adventures in Angular the panel interviewed Victor Savkin about using monorepos and Nx. The panel asks Tomas to compare the strategy of using monorepos and Nx to his strategy of using multi-spa with angular elements. He explains why an enterprise might choose multi-spa over monorepos. He also gives the reasons the organization he is working with chose to work with multi-spa. Aaron asks for clarification for using elements in these multi-spa projects. Tomas goes into great detail, breaking down the way multi-spa and angular elements work together. They walk through it together using consumer profiles as an example. Tomas explains that using his approach all the applications update components all at once using angular elements. The panel considers the benefits of using Tomas’s approach and which scenarios it would work best for. Aaron expresses his appreciation for all the work Tomas did and the problems he overcame then bundling his solution in a library together so developers can just use it without all the pain. The library can be found on Github. Tomas tells the panel that there has already been some community contribution to the library. He describes some of the pull requests they have received along with the plans they have for angular elements. The topic turns to mismatched versioning and how the bundle will work. Tomas explains that the only problem they have seen with mismatched versioning is with zone.js. He shares some workarounds to the problem and promises that they are working on a solution. The episode ends with the panel listing all the major benefits that an enterprise can gain from using the multi-spa and angular elements approach. It will save them money, allow teams to work together, create and isolation. Tomas also shares some of the new features available in angular elements today. LinksAiA 256: Debunking Monorepo Myths with Victor Savkinhttps://angular-extensions.github.io/elements/ https://twitter.com/tomastrajan https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain - https://node-atl.org/ Shai - https://netbasal.com/ Aaron - How to Be Less Stupid About Race: On Racism, White Supremacy, and the Racial DivideTomas - Slipknot EXBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Navigating Technical Hurdles: Exporting Invoices to PDF and Maintaining Rich Text Formatting - AiA 412
Mrina Sugosh is a Keynote Speaker, Advisory Board Member and Technical Storyteller. They delve into the world of web development and all things tech. In today's episode, they have an insightful discussion about the technical complexities of exporting invoices to PDF, the challenges of converting HTML rich text to PDF or Word documents while preserving formatting, and the importance of maintaining compatibility with front-end frameworks like Angular, React, or Vue. They explore the release schedule, customization options, and product updates related to the javascript-based rich text editor, TinyMCE. Join them as they uncover the intricacies of maintaining a rich text editor, the significance of Tiny's products for developers, and the ideal audience for leveraging Tiny's solutions. Whether you're a seasoned developer or just embarking on your coding journey, this episode promises to offer valuable insights into the complex world of web development. SponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipSocial MediaUnvoidLinkedIn @unvoidweb https://www.linkedin.com/company/unvoidwebInstagram @unvoidweb https://www.instagram.com/unvoidwebLucas PaganiniYouTube @lucaspaganiniweb https://youtube.com/@lucaspaganiniwebLinkedIn @lucaspaganiniweb https://www.linkedin.com/in/lucaspaganiniwebTwitter @lucaspaganini https://twitter.com/LucasPaganiniInstagram @lucaspaganini https://www.instagram.com/lucaspaganiniArmen VardanyanLinkedIn https://www.linkedin.com/in/armen-vardanyan-am/Charles WoodLinkedin https://www.linkedin.com/in/charlesmaxwood/Subrat MishraLinkedIn: https://www.linkedin.com/in/subrat-k-mishra/Mrina SugoshLinkedIn: https://www.linkedin.com/in/mrinasugosh/Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Mastering Open Source Contributions with Santosh Yadav - AiA 411
Santosh Yadav is a Google Developer Expert for Angular. They delve into the intricacies of contributing to the Angular ecosystem and demystify the challenges associated with open-source projects. They discuss the importance of long-term commitment to open-source contributions, share insights on committing to documentation, and emphasize the significance of understanding Angular's commit structure. The episode also touches upon the upcoming virtual conference, TIL Conf, and provides valuable advice for both new and experienced developers looking to make a meaningful impact in the open-source community. Tune in for an enlightening and engaging discussion on the world of Angular development and open-source contributions.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipSocialsLinkedIn: Santosh YadavBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
Migrating Material: AngularJS -> Angular with Michael Prentice - AiA 410
Michael Prentice is the owner of DevIntent and an AngularJS Material Lead Maintainer at Rangle.io.SponsorsChuck's Resume TemplateDeveloper Book Club Become a Top 1% Dev with a Top End Devs MembershipLinksMichael’s GitHubMichael’s TwitterMichael’s LinkedInPicksAaron - rxjs.liveBrian - Stephen Fluin - YouTubeBrian - The Umbrella AcademyJoe - https://www.cypress.io/Michael - Angular HispanoMichael - NG Bolivia 2019Michael - NG Honduras 2019Michael - ngSpainMichael - Frontend MastersBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.