Adventures In Angular

Chuck and Lucas join this week's panelist episode discussing Angular Structural Directives and Their Microsyntax. They kick us off as Lucas explains the concept of Structural directives, and how developers might use them to their advantage.On YouTubeAngular Structural Directives and Their Microsyntax - AiA 374SponsorsChuck's Resume TemplateDeveloper Book Club startingBecome a Top 1% Dev with a Top End Devs MembershipEducational LinksArticle by Lucas PaganiniVideo by Lucas PaganiniPromoted LinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comSocialsYouTube @lucaspaganiniwebLinkedIn @lucaspaganiniwebTwitter @lucaspaganini Instagram @lucaspaganiniTikTok @lucaspaganiniwebPicksChuck - Between Two Castles of Mad King LudwigChuck - Lucas - Chuck as a Ruby developerAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck and Lucas join this week's panelist episode as they talk about "content creation". They start off as they dive into different ways of monetizing your content. Additionally, they talk about approaches on how to capture the interest of the audience to get them to subscribe to your courses. On YouTubeHow to Succeed in Content Creation- AiA 373SponsorsChuck's Resume TemplateDeveloper Book Club startingBecome a Top 1% Dev with a Top End Devs MembershipLinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comYouTube @lucaspaganiniwebLinkedIn @lucaspaganiniwebTwitter @lucaspaganini Instagram @lucaspaganiniTikTok @lucaspaganiniwebPicksChuck - The Quacks of QuedlinburgLucas - Audio Technica AT2020 USBAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Colum Ferry is a Senior Software Engineer at Nrwl. He joins the show to discuss "Component-First Architecture with Standalone Components and Nx". He begins by explaining the concept of the article. He also elaborates more about Nx and its amazing features for developers. SponsorsChuck's Resume TemplateDeveloper Book Club startingBecome a Top 1% Dev with a Top End Devs MembershipLinksComponent-First Architecture with Standalone Components and Nx | by Colum Ferry | Nx DevtoolsColum FerryLinkedIn: Colum Ferry Twitter: @FerryColumWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comYouTube @lucaspaganiniwebLinkedIn @lucaspaganiniwebTwitter @lucaspaganini Instagram @lucaspaganiniTikTok @lucaspaganiniwebPicksArmen - Inventing Reality: The Politics of News MediaChuck - Ark NovaChuck - Obviously AwesomeChuck - The Alloy of LawLucas - Unity WebGL Player | War Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Lucas Paganini is the CEO of unvoid.com. He takes on this week's solo episode to talk about a library called, "fp-ts". It gives developers access to popular patterns and secure abstractions from typed functional languages in Typescript. He discusses some of the issues that the library resolves.SponsorsChuck's Resume TemplateDeveloper Book Club startingBecome a Top 1% Dev with a Top End Devs MembershipLinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comYouTube @lucaspaganiniwebLinkedIn @lucaspaganiniwebTwitter @lucaspaganini Instagram @lucaspaganiniTikTok @lucaspaganiniwebfp-tsTyped functional programming in TypeScriptAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck, Lucas, and Subrat join this panelist episode to talk about setup and workflow for working in angular apps. They begin by discussing their thoughts on Visual Studio Code. Additionally, they tackle its features and VS code extensions that make working with angular apps easier. SponsorsChuck's Resume TemplateDeveloper Book Club startingBecome a Top 1% Dev with a Top End Devs MembershipLinksVisual Studio CodeWeb Animations Courseunvoid.comFun Of Heuristic - YouTubePicksCharles - Sushi Go Party! Charles - TriDot Triathlon Training - Community - FacebookCharles - Bike computerCharles - Bone conduction headphonesLucas - Pouches and Cubes | Peak Design Official SiteAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Alain Chautard is a certified Google Developer in Angular and he works as an individual consultant for Angular projects. He joins the show to discuss his career as an Angular expert and Angular mentor. He talks about his projects and his blog. He offers advice on how to become a Google Developer Expert and discusses his experience in the field.SponsorsChuck's Resume TemplateDeveloper Book Club startingBecome a Top 1% Dev with a Top End Devs MembershipLinksangulartraining.com LinkedIn: Alain ChautardTwitter: @AlainChautardWeb Animations Courseunvoid.comPicksAlain - The Last of Us Alain - Atomic HabitsLucas - Everything Everywhere All At OnceSubrat - Domain-Driven DesignAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Chuck, Lucas, and Subrat join this panelist episode to talk about Tailwind CSS. They begin by discussing their perspectives and knowledge gained by using Tailwind. They tackle its benefits and impact on your applications. SponsorsChuck's Resume TemplateDeveloper Book Club startingBecome a Top 1% Dev with a Top End Devs MembershipLinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Experts: unvoid.comPicksCharles - Karma | Board Game Charles - Focus BlocksLucas - MidJourney AISubrat - Bun — fast all-in-one JavaScript runtimeAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Armen Vardanyan is a Google Developer Expert for Angular, and Frontend Team Lead at Volo. He returns to the show to discuss his article, "Using NgRx Packages with Standalone Angular Features". He talks about how to use NgRx packages with standalone features.SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksWeb Animations Course: lucaspaganini.com/web-animationsHire Angular Development Experts: unvoid.comStandalone Component in Angular 15 | Make application without NgModule - YouTubeTwitter: @ArmandotruePicksArmen - Watch 1899 | Netflix Official SiteLucas - Watch The Mole | Netflix Official SiteSubrat - Paradise BiryaniAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Charles, Lucas, and Subrat take on this week's panelist episode as they tackle all about Custom Form Components. Lucas starts off the episode by explaining different methods on how you can effortlessly and with ease create custom form components. Subrat also shares his own insight on some other techniques for creating forms depending on how complex your form is. Moreover, they discuss integrating custom form components with Angular forms API.On YoutubeAngular's Custom Form Components - AiA 366SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksControl Value Accessor: Custom Form Components in Angular | Academy | Lucas PaganiniCode example: published-content/control-value-accessor at master · LucasPaganini/published-content · GitHubWeb Animations Course: lucaspaganini.com/web-animationsHire Web Development Experts: unvoid.comAngular Remote ConferencePicksCharles - Forbidden SkyCharles - RedCircleLucas - Un

Walid Bouguima is a Software Engineer at Hilti Group. He joins the show with Chuck, Lucas, and Subrat to discuss his article, " Angular Clean Http Service Methods: Handle Your Backend Communication With Ease". He explains his goals and reasons why he created this method and what advantages it may bring to developers in the Angular community. Moreover, the panel shares their own perspective and some tips about Walid's article. On YouTubeWriting Clean Http Service Methods With Walid Bouguima - AiA 365SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksAngular Clean Http Service Methods: Handle Your Backend Communication With Ease

Marek Panti is an Angular developer at UNIQA Insurance Group AG. He joins the panel to talk about his article, "Angular Standalone Components". Standalone components simplify the process of creating Angular applications. He explains how he was able to come up with the idea for his article.About This EpisodeAdvantages of Standalone ComponentsMaintaining Angular Apps in the long runOn YouTubeStandalone Components With Marek Panti - AiA 364SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksAngular standalone componentsWeb Animations CourseHire Web Development Experts: unvoid.comLinkedIn: Marek PantiPicksLucas - Logi Tune software to customize Logitech hardwareMarek - RemarkableSubrat - Deno — A modern runtime for JavaScript and TypeScriptAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Amal Ayyash is a UX Designer and Front-end Developer. and her current main focus is Angular. She joins Chuck and Lucas to discuss her article, “RxJS-based state management in Angular”. She starts the show off by explaining the reason why she chose to use RxJS to create state management instead of using NgRX. She also gives advice to other developers, encouraging them to use their own frameworks or codes rather than third-party solutions.About this EpisodeMethods of handling the Angular State ManagementAdvantages of using RxJS in creating an Angular State ManagementComparison between using RxJS and NgRX-based solution  On YouTubeState Management with RxJS - AiA 363SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksRxJS based state management in AngularSekab GarageAMAL AYYASHLinkedIn: Amal AyyashTwitter: @SekrabBinPicksAyyash - The peter principleAyyash - Secondhand Time: The Last of the SovietsChuck - Cam

Chuck welcomes Lucas to the show as a regular host of Adventures in Angular. They begin by discussing Angular 15's most recent updates and what benefit it might have for the current Angular community. Lucas also offers his perspective on the new tools and what makes him excited to use them. About this EpisodeAll the new features of Angular 15Advantages of Directive composition APIPros and Cons of Image optimizationHow these changes can be integrated into your applicationOn YouTubeAngular 15: The Good Parts - AiA 362SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksAngular v15 Mind Map + Breaking ChangesUnvoidPicksCharles - Thunderbird — Make Email Easier. — ThunderbirdCharles - Gmelius: Top-Rated Email and Team Collaboration SoftwareCharles - Pipedrive™ CRM - Pipedrive Official SiteLucas - Trip to Argentina (cities: El Calafate and Buenos AiresLucas - Brazil World Cup squad 2022Advertising Inquiries: ht

Each encounter teaches us a lesson. Every setback is a victory. What Can You Do To Take Control Of Your Career? Chuck and Subrat join the show as Chuck takes the lead in sharing his past work experiences and his inspiring journey towards his road to success. He also talks about his current plans for Top End Devs such as conferences, book clubs, meetups, and many more! SponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipPicksCharles - Betrayal at House on the Hill | Board Game - BoardGameGeekCharles - Load Star by Fritz Swanson - GoodreadsSubrat - JavaScript DocumentationAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

  Get the Black Friday/Cyber Monday "Focus Blocks Bundle" Deal Coupon Code: "THRIVE" for a GIANT discount   Are you looking at all the layoffs and uncertainty going on and wondering if your company is the next to cut back?  Or, maybe you're a freelancer or entrepreneur who is trying to figure out how to deliver more value to gain or retain customers?  Mani Vaya joins Charles Max Wood to discuss the one thing that both of them use to more than double their productivity on a daily basis.  Mani has read 1,000's of productivity books over the last several years and has formulated a methodology for getting more done, but found that he lacked the discipline to follow through on his plans.  The he found the one thing that kept him on track and made him so productive that he is now getting all of his work done and was able to live the life he wants.  Chuck also weighs in on how Mani's technique has worked for him and allows him to spend more time with his wife and kids, run a podcast network, and a nearly full time c

Lucas Paganini is a content creator and developer. Together with his team creates educational content about web development through articles and YouTube tutorials. He has been working on Angular since 2017 and is the CEO of a remote company called Unvoid.  He joins Chuck on the show to talk about his article, "Automatically Unsubscribe Observables on Destroy".  About this EpisodeManaging Observables when your component is destroyedDifferent roles in the Dependency Injector SystemWays in providing DependencyThe Unsubscribe ServiceSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksAngular: Automatically Unsubscribe Observables on Destroy - YouTubeAngular: Automatically Unsubscribe Observables on DestroyWhat's New in Angular v14 - A Game Change - YouTubeOfficial Angular docs - The Dependency Injection systemOfficial Angular docs - Platform injectorOfficial Angular docs - Benefits of using providedIn: “root”

Armen comes back to the show to talk about one of his articles, “Change Detection without Change Detection". Change detection functions by helping rerender the UI when data changes. Armen joins Chuck and Subrat as he shares the importance of using his Change Detection technique to improve performance rather than using the built-in one.Topics discussedChange detection and how it worksHow do you call or trigger a Change DetectionInject FunctionProxy ObjectSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksChange Detection without Change DetectionPicksArmen - House of the Dragon | Official Website for the HBO SeriesCharles - Board Game ConventionsCharles - Clean ArchitectureSubrat - Atomic HabitsAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In Angular apps, remembering user-preferred settings is an excellent way to provide a good experience for the users; you can save data in the user’s browser using the localStorage object, which provides methods for working the key-value data.  Today on the show, GDE Angular expert Dany Paredes shares his insights about localStorage, how to learn about this API, and knowledge to build in Angular to save background color preferences.  In this episode…How localStorage works and limitationsAPI examples and use casesPossible performance issuesTrusting the localStorage and API mock valuesComplicated use casesAngular content in SpanishSponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksng-contentAngular Basics: localStorage Object Keeps Data in BrowserTwitter: @danywallsDany Paredes | Javascript / WebPicksCharles- QuartileCharles- Funnel Hacking LIVE 2022Charles - Angular Remote ConfDany – Enjoys comparing NBA players to Angular developersAdvertising Inquiries:

Maina Wycliffe, Google Developer Expert in Angular, joins the show today to talk about his weekly newsletter called “All Things Typescript” and his various content and production strategies.  Similarly, Charles also shares his perspective about how he has grown TopEndDevs. In this episode…Typescript newsletterDelivering conceptsCreating content for postsRSS feedsResource listsIdeal newsletter lengthsStaying current in the industryPaid subscriptionsSponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksAll Things TypescriptMaina WycliffeTwitter: @mwycliffe_devPicksCharles- Irish GaugeCharles- How to Stay CurrentCharles- Top End Devs |  CoachingCharles - Angular Remote ConfMaina- Learning TypeScript: Enhance Your Web Development Skills Using Type-Safe JavaScriptMaina- DevFest | Google DevelopersAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Maria Korneeva joins the show today to share her approach on how to proxy HTTP requests in Angular, including use cases and various strategies to make proxying simplified and useful to your Angular workflows. In this episode…Use cases examples Proxying a request from localhost to the remote backend serviceUsing the fake back end before real implementationEffortless switching between environments Defining endpoints using wildcardsAutomation scripts and testingSponsorsTop End DevsRaygun | Click here to get started on your free 14-day trialCoaching | Top End DevsLinksHow to proxy HTTP requests in AngularTwitter: @BrowserPersonLinkedIn: Maria KorneevaPicksCharles- ActiveCampaign - #1 Customer Experience Automation Platform - ActiveCampaignCharles- Community | Personalized Text Message Software & SMS SolutionCharles- TopEndDev  | CoursesCharles- Virtual Events Platform for Communities & EnterprisesCharles- TopEndDev | CoachingMaria- Chrome DevTools - Chrome DevelopersMaria- Document.designMode - Web APIs |