Sign in
Technology
Business
Charles M Wood
Join our weekly discussion about how to build top end Angular applications and become an Angular expert.Become a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
BONUS: How to Crush Your Biggest Goals in 2021
Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount)Mani Vaya joins Charles Max Wood to walk him through the 6 pillars of success that lead to meeting your goals.Mani has read thousands of books on success, setting and achieving goals, and personal growth and has distilled these 6 principles from the books and then figured out how to put them into practice.He and Chuck walk through the principles and strategies that create success and allow you to set goals that will bring you the things you want during the next year or so.Listen to this episode to learn how to crush your biggest goals in 2021. Get the 2020 Goal Setting Workshop + Success Accelerator Deal HERE (Coupon Code: GOALS for a massive discount) Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
54:5401/01/2021
AiA 302: Angular 11 on 11/11
Brooks and Alyssa talk about the updates in Angular 11 and the update party the Angular team threw for v11. Check out the Angular YouTube for the Keynote and Q&A recording and check out the Kendo UI YouTube Channel for the game session recording Alyssa & Brooks did!PanelAlyssa NicollBrooks ForsythSponsorsRaygun | Click here to get started on your free 14-day trialLinksGitHub: AngularTypeScript ESLintPicksAlyssa- Angular YouTube ChannelAlyssa- Kendo UI YouTube ChannelBrooks- GitHub-GitSquared/edex-uiAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
39:3930/12/2020
BONUS: Adding a Content Engine to Your App with a Headless CMS with Jake Lumetta
Go Check Out ButterCMS to Add Content to Your Apps!Do you need to add a content engine like a blog or podcast to your product’s website? Don’t want to maintain a separate WordPress installation? Why not use a Headless CMS?Jake Lumetta from ButterCMS joins Charles Max Wood to discuss how Headless CMS’s work and how they can add functionality to your application with a minimum of effort and very little maintenance. They also compare Headless CMS’s to the alternatives and explain when one choice is better for a team than the other.Go Check Out ButterCMS to Add Content to Your Apps!Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
23:1211/12/2020
AiA 301: Community — Leaving Politics Out Of It
In this episode, we dive into the issues our community is facing in today’s crazy world. We talk about tips the panelists have for dealing with the stressors of today and how we, as a community, can come together in positivity as we grow ever larger.PanelAlyssa NicollShai ReznikChris FordBrooks ForsythBrad McAlisterSponsorsAudible.comPicksAlyssa - Meditating with HeadspaceAlyssa - Team Building Activity: Virtual Escape RoomBrad - Online version of the board game AcquireChris - Getting out and doing something with the Family (ie Steam Train Museum)Brooks - 300th AiA episode Shai - https://github.com/hirezio/auto-spies/tree/master/packages/jest-auto-spies, The Social Dilemma Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
55:4408/12/2020
AiA 300: The 300th Episode
In celebration for our 300th episode, Brooks, Alyssa & Chris ago through The Sate of JS Survey and talk about the results from last year. They also talk about the upcoming 2020 survey and encourage everyone to take part and represent for Angular!PanelAlyssa NicollBrooks ForsythChris FordLinksState of JS 2019 resultsCentering CSS Complete GuidePicksAlyssa - State of JS SurveyAlyssa - UI WednesdaysBrooks - AG GridBrooks - ngx-build-plusChris - Prison BreakAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
59:2901/12/2020
AiA 299: Working with Google Maps on Angular with Katerina Skroumpelou
In this episode of Adventures in Angular, we talk with Katerina Skroumpelou who is a Google Maps & Angular Google Developer Expert and team member at @nrwl_io living in Greece. In this episode, Katerina talks through how she got started with Google Maps. She also covers how the Google Maps JS API has changed overtime, how you yourself can get started using it in your Angular Applications and what you all can do with the API! SponsorsAudible.comCacheFlyPanelAlyssa NicollBrooks ForsythChris FordBrad McAlisterGuestKaterina SkroumpelouLinkshttps://mapstyle.withgoogle.com/https://github.com/angular/components/blob/master/src/google-maps/README.mdhttps://developers.google.com/maps/documentation/javascript/overviewGoogle Maps JS API – Directions ServicKaterina Skroumpelou “Google Maps in Angular” l Angular International Women’s Day 2020https://cloud.google.com/blog/products/maps-platform/meet-google-maps-platform-developer-expertshttps://ng-gmap-kat.web.app/homePicksAlyssa Nicoll:UI Wednesdays with AlyssaBrooks Forsyth:Single spa:Behind the curveChris Ford:What 3 WordsKingdoms of Amalur Re-ReckoningKaterina Skroumpelou:Isaac Asimov, The Complete RobotBrad McAlister:Ergo Stool Follow us on Twitter: @angularpodcast Special Guest: Katerina Skroumpelou. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
50:2917/11/2020
AiA 298: Progressive State Management with NGXS with Aliaksei Kuncevic
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. SponsorsAudible.comRaygun | Click here to get started on your free 14-day trialCacheFlyPanelAlyssa NicollBrooks ForsythChris FordGuestAliaksei Kuncevič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 Nicoll:https://www.neuralink.com/Brooks Forsyth:Allway Tools Series Allway 10031 HM1 1 Gallon Helix Paint MixerChris Ford:Family booked a COVID testAliaksei Kuncevič:Bicycle, Biking Follow us on Twitter: @angularpodcast Special Guest: Aliaksei Kuncevič. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
01:05:0010/11/2020
AiA 297: Angular Elements, Annex & Storybook with Brad McAlister
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.SponsorsAudible.comCacheFlyPanelAlyssa NicollBrooks ForsythChris FordGuestBrad McAlisterLinksWhat is this? Angular in my React? at NG-DE Conferencehttps://github.com/sonicparkePicksAlyssa Nicoll:Watch Harry Potter movies when its Fall Goldberg Zweigelt from Austria 2014Brooks Forsyth:Merkur 34C Heavy Duty Safety RazorThe Addams FamilyChris Ford:http://brewdog.com/http://nakedwines.com/Brad McAlister:Craft BeerDoing Things That You Should Have Done 20 Years Ago Follow us on Twitter: @angularpodcast Special Guest: Brad McAlister. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
52:3903/11/2020
AiA 296: Angular vs React: What Grad Students Pick 100% of the Time with Asaad Saad
Asaad Saad has 16 years of experience in Web Development. He has worked with big companies in the Middle East including (Amazon Middle East, Yahoo Middle East, and Abu Dhabi Government). He joined MIU University in 2014. He works as an assistant professor of computer science and program director of the Masters’ in Software Development Program. In this episode, Asaad talks about his experiences teaching different Front-end frameworks to Master students and why they always prefer Angular over React.SponsorsAudible.comRaygun | Click here to get started on your free 14-day trialCacheFlyPanelAlyssa NicollBrooks ForsythChris FordGuestAsaad SaadLinksWhy we teach Angular to our Computer Science Masters’ students? at NG Conferencehttps://github.com/asaadsaadhttps://twitter.com/asaadsaadhttps://msd.miu.edu/PicksAlyssa Nicoll:CodeItLiveAsaad Saad:Masters’ in Software Development ProgramClotted Cream – How to Make Clotted Cream – Devonshire Cream RecipeBrooks Forsyth:dwitter.netChris Ford:Eldritch HorrorMary Berry’s Baking Bible: Over 250 Classic Recipes Follow us on Twitter: @angularpodcast Special Guest: Asaad Saad. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
40:4327/10/2020
AiA 295: Amazing Backends for Angular Devs with NestJS with Ely Lucas
Ionic’s very own Ely Lucas swings by to chat to Alyssa, Chris & Brooks about NestJS, the node framework that’s winning over devs in the Angular community and beyond. The panel dive into the docs, learning about how Nest allows developers to structure powerful backends with a syntax that will make Angular devs in particular feel right at home.SponsorsAudible.comRaygun | Click here to get started on your free 14-day trialCacheFlyPanelAlyssa NicollBrooks ForsythChris FordGuestEly LucasLinkshttps://dev.to/azure/build-your-first-serverless-app-with-angular-nestjs-and-azure-108hAmazing Backends for Angular Devs with NestJS – NG Conferencetwitter.com/elylucaselylucas.comgithub.com/elylucasPicksAlyssa Nicoll:CodeItLiveEly Lucas:Star Trek Discovery (TV Show)https://www.youtube.com/ionicframeworkhttps://thinkster.io/Brooks Forsyth:NeuralCamChris Ford:What We Do in the Shadows (TV series) Follow us on Twitter: @angularpodcast Special Guest: Ely Lucas. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
45:2420/10/2020
AiA 294: Building A Component Library with Thomas Pink & Fabian Friedl
Thomas Pink and Fabian Friedl from Dynatrace join Adventures in Angular to discuss the highs and lows of building an in-house design system with Angular and the exciting move from keeping it internal to open sourcing and letting the world loose upon it.SponsorsAudible.comRaygun | Click here to get started on your free 14-day trialCacheFlyPanelAlyssa NicollChris FordGuestsThomas PinkFabian FriedlLinkshttps://barista.dynatrace.com/guidelines/accessibility#text-alternativesPicksAlyssa Nicoll:CodeItLiveFabian Friedl:Balancing | Marble League 2020 Opening Ceremony + E1Thomas Pink:https://www.youtube.com/c/SebastianLagueThe Cherno – YouTube ChannelChris Ford:whipped cream Follow us on Twitter: @angularpodcast Special Guests: Fabian Friedl and Thomas Pink. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
52:3313/10/2020
AiA 293: Accessibility in Angular with Vitalii Bobrov
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.SponsorsAudible.comRaygun | Click here to get started on your free 14-day trialCacheFlyPanelAlyssa NicollChris FordEddie HinkleGuestVitalii BobrovLinkshttps://material.angular.io/cdk/a11y/overviewAxe Accessibility TestingPicksAlyssa Nicoll:CodeItLiveVitalii Bobrov:JS RocksEddie Hinkle:Swift UIAxeChris Ford:Kingdoms of Amalur Re-ReckoningEndeavour Follow us on Twitter: @angularpodcast Special Guest: Vitalii Bobrov. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
51:3829/09/2020
AiA 292: Conferences, Community and Simulating Arduino in JavaScript with Uri Shaked
In this episode of Adventures in Angular, Uri Shaked, a brilliant maker and developer, talks with us about getting into Arduino with JavaScript. We also chat about other things like community, open source and NextJS.SponsorsAudible.comRaygun | Click here to get started on your free 14-day trialCacheFlyPanelAlyssa NicollBrooks ForsythChris FordGuestUri ShakedLinkshttp://www.hammerspoon.org/go/https://wokwi.com/https://github.com/urish/s0simhttps://github.com/wokwi/wokwi-elementsPicksUri Shaked:Vintage Dial Phone for ArduinoTaking a rotary-dial phone into the future – part IJake Weary – an American actor, musician, singer-songwriter and music producerBrooks Forsyth:github.com/gothinkster/realworldChris Ford:Angular for Enterprise-Ready Web ApplicationsiOS Programming: The Big Nerd Ranch Guide Follow us on Twitter: @angularpodcast Special Guest: Uri Shaked. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
56:5422/09/2020
AiA 291: Azure Cognitive Services with Ankit Sharma
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.SponsorsAudible.comCacheFlyPanelAlyssa NicollBrooks ForsythGuestAnkit SharmaLinkshttps://azure.microsoft.com/en-in/services/cognitive-serviceshttps://tic-tac-toe-d9068.firebaseapp.com/https://bookcart.azurewebsites.net/https://azure.microsoft.com/en-in/services/cognitive-servicesHow To Create A Multi-Language Translator Using Angular And Azure Cognitive Serviceshttps://azure.microsoft.com/en-in/services/cognitive-services/face/#demohttps://ankitsharmablogs.com/https://www.c-sharpcorner.com/ebooks/build-a-full-stack-web-application-using-angular-and-firebasePicksBrooks Forsyth:Cover face AND noseAnkit Sharma:TEACH: share your knowledge Follow us on Twitter: @angularpodcast Special Guest: Ankit Sharma. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
38:1815/09/2020
AiA 290: Angular Performance with Christian Liebel
In this episode of Adventures in Angular, special guest, Christian Liebel engages the panel in an interesting discussion on Angular performance especially as it relates to runtime performance.SponsorCacheFlyPanelAlyssa NicollBrooks ForsythChris FordGuestChristian LiebelLinkshttps://christianliebel.com/https://twitter.com/christianliebelAngular Performance: Your App at the Speed of Light – Christian Liebel | NG-DE 2019PicksAlyssa Nicoll:CodeItLiveChristian Liebel:PokemonBrooks Forsyth:Apple’s SidecarChris Ford:putting clocks in your applicationsdoing something a little bit normal Follow us on Twitter: @angularpodcast Special Guest: Christian Liebel. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
56:2408/09/2020
AiA 289: Put A Form Around It with Sani Yusuf
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.SponsorsCacheFlyPanelAlyssa NicollBrooks ForsythChris FordGuestSani YusufLinkshttps://zippopotam.us/PicksSani Yusuf:Operator Decision TreeAlyssa Nicoll:RxJS in Angular: Reactive DevelopmentBrooks Forsyth:Crocs with socksChris Ford:skipWhileStar Wars: The Clone Wars Follow us on Twitter: @angularpodcast Special Guest: Sani Yusuf. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
55:0901/09/2020
AiA 288: Getting your Components to Communicate with Ravi Veliyat
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.SponsorsCacheFlyPanelAlyssa NicollYounes JaaidiChris FordEddie HinkleGuestRavi VeliyatLinksYou might not need NgRx | Mike Ryan | AngularConnect 2018Subjecting State to Good Behavior | Kim MaidaPicksAlyssa Nicoll:Oculus Quest HeadsetEddie Hinkle:Sentry.ioNotion.soChris Ford::Pokémon™ SwordRavi Veliyat:veliyat.comhttps://www.youtube.com/c/raviVeliyat Follow us on Twitter: @angularpodcast Special Guest: Ravi Veliyat. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
51:5225/08/2020
AiA 287: Profiling Angular Apps with Gil Fink
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.PanelAlyssa NicollShai ReznikYounes JaaidiBrooks ForsythChris FordEddie HinkleGuestGil FinkAngular Remote Conf 2020Linkshttps://pptr.devLighthouse - Using the node cliJS VidConPicksGil Fink:Follow Gil on Twitter > @gilfinkWokwi https://github.com/wokwi/wokwi-elementsStar Wars The Clone WarsAlyssa Nicoll:BundleSize.dev - Analyze and Benchmark your JavaScript and TypeScriptShai Reznik:FREE WORKSHOP - The Roadmap to Angular Testing Masteryhttps://www.ng-conf.orgYounes Jaaidi:Reactive Extensions for AngularChris Ford:Eero@GrumpySkeletorBrooks Forsyth:LoopBack 4Eddie Hinkle:Animal CrossingFollow Adventures in Angular on Twitter > @angularpodcast Special Guest: Gil Fink. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
47:0911/08/2020
AiA 286: Is There Benefits from Working From Home with Will Gant
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.PanelBrooks ForsythGuestWill GantAngular Remote Conf 2020PicksWill Gant:Follow Will's work on > www.simpleprogrammer.comBrooks Forsyth:NGXSTiger King Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Will Gant. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
01:01:4321/07/2020
AiA 285: New Features in Angular 9 with Subrat Kumar Mishra
Subrat Kumar Mishra is a full stack developer who has worked with Angular and Java. He's the host of the Fun of Heuristic YouTube channel. He talks about OOP principles, Node.js, lazy loading components, and why he chose Angular.PanelAlyssa NicollBrooks ForsythChris FordEddie HinkleGuestSubrat Kumar Mishra Angular Remote Conf 2020PicksSubrat Kumar Mishra:Follow Subrat on > YouTube - Fun Of HeuristicDenoEddie Hinkle:WestWorldSentryAlyssa Nicoll:Debugging Features in v9I did a tl;dr stream for ng-conf each night after the talks, check them out hereChris Ford:The World According to Jeff Goldblum@SoVeryBritish (Very British Problems on Twitter)Mansions of MadnessBrooks Forsyth:Tiger KingTheia - Cloud and Desktop IDE PlatformGitpod - Online IDE for GitHub and GitLabFollow Adventures in Angular on Twitter > @angularpodcast Special Guest: Subrat Kumar Mishra. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
47:4907/07/2020
AiA 284: Progressive Web Apps using Angular with Maxim Salnikov
Angular Remote ConfAugust 25th to 28thMaxim joins the Adventure to discuss building Progressive Web Apps using Angular. He starts out talking about some of the features of native apps and how to get some of that on the web. Then he walks through the benefits and methods of using PWA's.PanelYounes JaaidiBrooks ForsythChris FordGuestMaxim Salnikov "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! LinksBuilding Progressive Web Apps@angular/pwa schematicPWA-POLICE/pwa-bugsProgressive Web Apps on iOS are here 🚀 - Maximiliano FirtmanMaximiliano Firtman – Medium Trusted Web Activitythe StackOverflow issueWorkboxPicksMaxim Salnikov:Follow Maxim on Twitter @webmaxruWhat PWA Can Do TodayPWABuilderBrooks Forsyth:Paper Dolls by CoryYounes Jaaidi:Tiny Angular application projects in Nx workspacesService WorkiesChris Ford:Progressive Web Apps (PWA) - The Complete Guide Course | UdemyAcademind Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Maxim Salnikov. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
01:05:2423/06/2020
AiA 283: Web Components for Cross Framework Development with Nishu Goel
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.PanelBrooks ForsythChris FordCharles Max WoodEddie HinkleGuestNishu Goel "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! LinksAngular elements overviewmanfredsteyer/ngx-build-plusWeb Components in ActionStencilWeb Componentsweb-component-testerCan I use...Custom Elements EverywhereDyois it canceled yet?PicksCharles Max Wood:Step-by-Step Angular Routing by Nishu GoelThe Masked SingerExpert SecretsChris Ford:Rhod Gilbert Clips on YoutubeBrooks Forsyth:Capacitor: Universal Web ApplicationsEddie Hinkle:NestJSSunlight and Warm WeatherNishu Goel:Follow Nishu on Twitter > @DcoustawilsonWebAssemblyWASM gamePlaying with rabbitsFollow Adventures in Angular on Twitter > @angularpodcast Special Guest: Nishu Goel. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
46:3709/06/2020
AiA 282: Fauna and Cloud Databases with Evan Weaver
Evan Weaver is the CEO and founder at Fauna. He starts out talking about the problems that existed when working at Twitter with databases and scaling. They began as a consultancy and the grew into a serverless database company.PanelCharles Max WoodBrooks ForsythChris FordEddie HinkleGuestEvan Weaver "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! LinksJSJ 384: FaunaDB: Support for GraphQL and Serverless Development with Evan Weaver.NET 007: What We Know About LINQPicksCharles Max Wood:The Chronicles of Narnia Adult Box Set (Audiobook) by C. S. LewisBrooks Forsyth:Forestry.ioChris Ford:Spider-Man 3Eddie Hinkle:LinkedInEvan Weaver:Follow Evan on Twitter > @evan, Fauna.comQuick start - jwt-authFollow Adventures in Angular on Twitter > @angularpodcast Special Guest: Evan Weaver. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
45:1826/05/2020
AiA 281: The IAN Stack with Brooks Forsyth
JavaScript Remote Conf 2020May 13th to 15th - register now!Brooks Forsyth is an Ionic and Angular developer who has coined a new stack called the IAN stack. The panel discusses the pros and cons of using a combination of Ionic, Angular, and NestJS to build mobile apps and their supporting APIsPanelCharles Max WoodShai ReznikChris FordGuestBrooks Forsyth "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Linksnestjs/nestLoopBackPicksCharles Max Wood:The ExpanseStar Trek: PicardShai Reznik:http://TestAngular.comDemystifying Dependency Injection: Angular vs NestJS - Kamil MysliwiecChris Ford:Green LanternIonic 5Brooks Forsyth:Follow Brooks on Twitter @brooks_forsyth“Pizza is an investment in your future”IAN StackFollow Adventures in Angular on Twitter > @angularpodcast Special Guest: Brooks Forsyth. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
38:2012/05/2020
AiA 280: Where is Angular Headed? with Tracy Lee
JavaScript Remote Conf 2020May 13th to 15th - register now!Tracy Lee joins the adventure to talk about where the panel thinks Angular is headed. The conversation ranges from features of Angular 9 and Ivy to Scully to what we all thing the next thing will be.PanelCharles Max WoodChris FordEddie HinkleGuestTracy Lee "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! LinksScullyVersion 9 of Angular — Project Ivy has arrived!Web Components in ActionGeo for Bootstrap, a Timeless Theme by DivshotInvesting in Underrepresented Minorities in TechPicksCharles Max Wood:Clean Coders PodcastTheme Forest TemplatesLegendary: A Marvel Deck Building GameReact NativeChris Ford:Arkham Horror Third EditionLondon | RxJS Live!!!Eddie Hinkle:Improved Build Errors on Angular 9Crisis on Infinite Earths (CW TV show)Tracy Lee:Follow Tracy on Twitter @ladyleet, Github, LinkedInFuneral PotatoesTater Tot HotdishToad in the HoleFollow Adventures in Angular on Twitter > @angularpodcast Special Guest: Tracy Lee. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
50:1128/04/2020
AiA 279: Angular for Enterprise-Ready Web Apps with Doguhan Uluca
JavaScript Remote Conf 2020May 14th to 15th - register now! Doguhan Uluca, the author of "Angular for Enterprise-Ready Web Applications", explains the concepts of enterprise and the Angular ecosystem. He is a strong proponent of the evergreen motto, which means the fundamentals and techniques you learn and master will be useful to you for years to come.PanelChris FordShai ReznikAlyssa NicollCharles Max WoodGuestDoguhan Uluca____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________PicksChris Ford:Emoji TetraYour Roadmap to Angular Testing MasteryShai Reznik:Joe Rogan Experience #1309 - Naval RavikantDoguhan Uluca:Microsoft Edge Chromium BrowserFollow Doguhan on Twitter > @dulucaCharles Max Wood:Clean Coders Podcast Follow Adventures in Angular on Twitter > @angularpodcast Special Guest: Doguhan Uluca. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
42:4207/04/2020
AiA 278: Working From Home
JavaScript Remote Conf 2020May 14th to 15th - register now! Chris is new at working from home. Chuck and Brooks have been working from home for several years. They walk through the ins and outs of how to be productive at home with kids, family, and others at home and how to maximize communication with your team when you're not in the same place. Chuck also offers some advice to managers who find themselves suddenly managing remote workers.PanelCharles Max WoodChris FordBrooks Forsyth____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksHow Infinite Red Improved Remote Video Meetings With a Few Hand GesturesToggl - Free Time Tracking SoftwareRescueTime: Fully Automated Time Tracking SoftwareTimeFlip – smart time trackerPicksCharles Max Wood:JavaScript Remote Conf 2020Bad Lip ReadingChris Ford:Honest TrailersHonest Trailers - The X-Men TrilogyShia LaBeouf Live By Rob CantorHonest Game TrailersWash Your LyricsBrooks Forsyth:Going on a hike Follow Adventures in Angular on Twitter > @angularpodcastAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
49:5024/03/2020
AiA 277: Is Angular Declining?
Alyssa, Chris, and Chuck dive into whether or not Angular is declining in popularity. They begin talking about a tweet by @wellpaidgeek and things like State of JS and what it says about the growth and relative popularity of Angular when compared with Vue, React, and Svelte. The discussion also weaves into whether or not it's worth starting in or finding a job in today.PanelAlyssa NicollCharles Max WoodChris Ford____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________LinksThe myth Angular is in declineThe State of JavaScript 2019https://twitter.com/wellpaidgeek/status/1201916542188957703Angular, React - Google TrendsThe State of JavaScript 2019: Front End FrameworksApache WicketPicksCharles Max Wood:DevsWhoWriteWriting ExcusesNaNoWriMoWorkshops with ChuckChris Ford:Ninth House by Leigh BardugoStar Trek: Picard Follow Adventures in Angular on Twitter > @angularpodcastAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
01:02:1210/03/2020
AiA 276: The 10 Commandments of Angular Development Christian Lüdemann
Christian walks Charles and Younes through the 10 commandments of building Angular applications. We talk about how to arrange Angular applications, design components, and best practices. We also talk through tools, teams, and performance.Panel:Younes JaaidiCharles Max WoodGuest:Christian Lüdemann____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________Links:angular/flex-layoutcypress.ioJestNxhuskyimmerAngular Architect AcceleratorThe Ten Commandments of Angular DevelopmentPicks:Younes Jaaidi:DarkCharles Max Wood:LinkedInHunterHubSpotChristian Lüdemann:Follow Christian on Twitter - @chrislydemannHow Google Works: Eric Schmidt, Jonathan Rosenberghttps://christianlydemann.com/Special Guest: Christian Lüdemann. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
35:1925/02/2020
AiA 275: From Zero to Top of the App Store on Ionic: Seed to Spoon with Dale Spoonemore
Dale Spoonemore joins the adventure to talk about his journey from no coding experience to writing one of the most popular gardening apps on the web with Ionic. Dale explains how learning to garden sparked a journey that led him to teach himself Angular and Ionic to build the Seed to Spoon app.PanelistsAlyssa NicollCharles Max WoodYounes JaaidiDave CooperGuestDale Spoonemore____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________Linkshttps://www.instagram.com/fromseedtospoon/The Depression Curehttps://www.seedtospoon.net/https://capacitor.ionicframework.com/https://getbootstrap.com/https://cordova.apache.org/Essentialismhttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksDave Cooper:https://github.com/scullyio/scullyAlyssa Nicoll:On Becoming Babywise: Giving Your Infant the Gift of Nighttime SleepYounes Jaaidi:Outcome Over Output: Also Impact and Efforthttps://github.com/ngneat/libCharles Max Wood:Raymond FeistThe Riftwar SagaThe Man In A High CastleDale Spoonemore:Smart Pots Gardening ContainersSodaStreamBoom TownSpecial Guest: Dale Spoonemore. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
57:0811/02/2020
AiA 274: Building with Angular Fire with Jamie Perkins
In this episode of Adventures in Angular Charles Max Wood interviews Jamie Perkins, creator of Podfan. Podfan is a membership for podcasts. Charles invited Jamie on the show to talk about building Podfan with Angular. Jamie built Podfan with Angular Fire and Firebase. He highly recommends them, explaining that it is a fast and easy way to build applications. They discuss how easy it is to get started with Firebase and Jamie shares things to watch out for when getting started. Firebase pricing is discussed. Jamie explains how his Firebase plan works. Walking Charles through getting started with Firebase, Jamie explains how the different databases work and what to watch out for with security and authentication.The panel discusses the customer experience and what Jamie used for design. They discuss his process and the time he spent on the project. Jamie shares what he is working on and what he is adding to Podfan. Charles asks questions about Podfan’s capabilities. PanelistsCharles Max WoodGuestJamie PerkinsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan Cachefly____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Linkshttps://pod.fan/https://twitter.com/inorganikhttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksJamie Perkins:FreecellEgg IncCharles Max Wood:Raymond Feist The Riftwar SagaKingdoms of Heckfire Special Guest: Jamie Perkins. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
38:4028/01/2020
AiA 273: A Real Look at an Enterprise Application with Juan Stoppa
In this episode of Adventures in Angular the panel interviews Juan Stoppa about what it is really like working on an enterprise application for a large company. They start by discussing state management and the solutions that they are using and the benefits of using a custom solution. Juan then explains that it can be difficult getting features out to clients quickly and what their flow looks like. The panel wonders about their architecture and explains the difference between trunk-based development and branch-based development. Juan considers how Angular 9 will improve their use of feature flags. The panel explains what feature flags are. Shai Reznik aks Juan about their testing. The panel considers how important end to end testing is in an enterprise application. Juan shares the tools they use for testing. Another challenge they face developing an enterprise application is meeting the requirements for the clients since they have so many and they have long release cycles. They finish by discussing the culture in large companies.PanelistsShai ReznikCharles Max WoodAlyssa NicollGuestJuan StoppaSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan Cachefly____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Linkshttps://www.katalon.com/ https://twitter.com/juanstoppa?lang=enhttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksShai Reznik:https://www.apollographql.com/docs/angular/ https://www.testim.io/Silicon ValleyAlyssa Nicoll:Family Game NightStar Wars MoviesJuan Stoppa:Angular 9VisBug Charles Max Wood:The ExpanseThe MandalorianLetters from WhitechapelShadow HuntersKing of TokyoSpecial Guest: Juan Stoppa. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
50:5314/01/2020
AiA 272: Adventures in Angular Still at RxJS Live
In this episode of Adventures in Angular Charles Max Wood continues interviewing speakers at RxJS Live. First, he interviews Mike Ryan and Sam Julien. They gave a talk about Groupby, a little known operator. They overview the common problems other mapping operators have and how Groupby addresses these problems. The discuss with Charles where these types of operators are most commonly used and use an analogy to explain the different mapping operators. Next, Charles talks to Tracy Lee. Her talk defines and explains the top twenty operators people should use. In her talk, she shows real-world use cases and warns against gotchas. Tracy and Charles explain that you don’t need to know all 60 operators, most people only need about 5-10 to function. She advises people to know the difference between the different types of operators. Tracy ends her interview by explaining her desire to inspire women and people of minority groups. She and Charles share their passion for diversity and giving everyone the chance to do what they love. Dean Radcliffe speaks with Charles next and discusses his talk about making React Forms reactive. They discuss binding observables in React and how Dean used this in his business. He shares how he got inspired for this talk and how he uses RxJS in his everyday work. The final interview is with Joe Eames, CEO of Thinkster. Joe spoke about error handling. He explains how he struggled with this as did many others so he did a deep dive to find answers to share. In his talk, he covers what error handling is and what it is used for. Joe outlines where most people get lost when it comes to error handling. He also shares the three strategies used in error handling, Retry, Catch and Rethrow and, Catch and Replace. Charles shares his admiration for the Thinkster teaching approach. Joe explains what Thinkster is about and what makes them special. He also talks about The DevEd podcast. PanelistsCharles Max WoodGuestsMike Ryan Sam JulienTracy LeeDean RadcliffeJoe EamesSponsorsSentry -use the code "devchat" for 2 months free on Sentry's small plan CacheFly____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Linkshttps://www.rxjs.live/RxJS Live Youtube Channelhttps://twitter.com/mikeryandevhttps://twitter.com/samjulienhttps://twitter.com/ladyleet?https://www.npmjs.com/package/rx-helperhttps://twitter.com/deaniusolhttps://twitter.com/josepheameshttps://devchat.tv/dev-ed/https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastSpecial Guests: Dean Radcliffe, Joe Eames, Mike Ryan, Sam Julien, and Tracy Lee. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
40:1307/01/2020
AiA 271: Adventures in Angular at RxJS Live
In this episode of Adventures in Angular Charles Max Wood does interviews at RxJS Live. His first interview is with Hannah Howard at RxJS Live about her talk. Hannah is really enthusiastic about RxJS especially when it comes to frontend development. Her talk is about how to architect full-scale apps with RxJS. Hannah gives a brief summary of her talk. Charles having met Hanna previously at Code Beam asks her how functional programming and reactive programming work together in her mind. Hannah describes how she sees programming. Charles’s next interview is with Ben Lesh, a core team member of RxJS. Ben has been working on RxJS for the last four years. In his talk, he shares the future of RxJs, the timeline for versions 7 and 8. With Charles, he discusses his work on RxJS and the adoption of RxJS. Next, Charles interviews Sam Julien and Kim Maida. They gave a talk together covering the common problems developers have when learning RxJS. In the talk, they share tips for those learning RxJS. Charles wonders what inspired them to give this talk. Both share experiences where they encouraged someone to use RxJS but the learning curve was to steep. They discuss the future of RxJS adoptions and resources. Finally, Charles interviews Kim alone about her second talk about RxJS and state management. She explains to Charles that many state management libraries are built on RxJS and that it is possible to roll out your own state management solution with RxJS. They discuss why there are so many different state management libraries. Kim shares advice for those looking to roll out their own solutions.PanelistsCharles Max WoodGuestsHannah HowardBen LeschSam JulienKim MaidaSponsorsSentry -use the code "devchat" for 2 months free on Sentry's small plan CacheFlyLinkshttps://www.rxjs.live/RxJS Live Youtube Channelhttps://twitter.com/techgirlwonderhttps://twitter.com/benleshhttp://www.samjulien.com/https://twitter.com/samjulienhttps://twitter.com/KimMaidahttps://www.facebook.com/javascriptjabberhttps://twitter.com/JSJabberSpecial Guests: Ben Lesh, Hannah Howard, Kim Maida, and Sam Julien. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
36:3131/12/2019
AiA 270: JAMstack Conf SF with Mandy Michael & Shawn Erquhart
In this episode of Adventures in Angular Charles Max Wood interviews speakers at JAMstack Conf SF. Mandy Michael gives a talk about responsive typography and variable fonts. Mandy explains what variable fonts are and how they can be used to shrink, stretch and do some very fun and creative thing with them. They discuss how to use them and Mandy explains some of the demos from her talk. Charles asks Mandy what some of the things were that she had to cut from her talk. She had to cut a few longer demos, details and performance improvements that can be made with responsive typography. Mandy shares what she is working on now with responsive typography and explains how much fun she has had expressing herself through variable fonts. To see more of Mandy’s demos and to learn more about responsive typography and variable fonts see the links below. Next, Charles interviews Shawn Erquhart work runs the Netlify CMS project. Charles shares his experience using Netlify and Shawn addresses some of the issues Charles has come across. Charles does say the using Netlify is simple, clean and nice. Shawn shares the origin story of Netlify. They discuss what it means to be a git-based content management system. They discuss how to contribute to the Netlify CMS open source project. Charles mentions his book and they discuss how contributions to open source projects like these are a great way to get a job. Shawn explains how to get started implementing Netlify CMS and how they target different static site generators.PanelistsCharles Max WoodGuestMandy MichaelShawn ErquhartSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan CacheflyLinkshttps://www.netlify.com/https://www.netlifycms.org/https://twitter.com/erquharthttps://jamstackconf.com/sf/https://variablefonts.dev/https://codepen.io/collection/XqRLMb/https://twitter.com/Mandy_Kerr?https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastSpecial Guests: Mandy Michael and Shawn Erquhart. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
47:4424/12/2019
AiA 269: Data Mocking with Dave Cooper
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. There are challenges to using mock data, Dave shares a few of them and explains how to overcome them. The number one challenge of using mock data is keeping it in sync with your real data and making it look real. Dave explains how to get started with mock data and shares library recommendations. The panel discusses the use cases for mock data and Dave walks them through a few scenarios for using mock data. He shares use case recommendations and discusses using mock data for testing. The panel discusses the benefits of using mock data for demos and courses. The possibilities and future of mock data and pact testing are explored. Dave shares his coding process and explains how much faster he can code by using mock data. PanelistsShai ReznikYounes JaaidiCharles Max WoodGuestDave CooperSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan CacheflyLinksMocking made easy | Dave Cooper |http://www.davecooper.org/https://twitter.com/davewritescodeshttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksShai Reznik:TestAngular.comhttps://twitter.com/shai_reznik/status/1202293459207540737 Angular 9: Getting Ready To Update to Angular 9 Dave Cooper:https://www.npmjs.com/package/data-mocksDough: Simple Contemporary BreadYounes Jaaidi:https://www.json-generator.com/ https://docs.pact.io/implementation_guides/javascriptCharles Max Wood:A Christmas StoryHoliday InnWhite ChristmasThe Bishop’s WifeFrozen 2Special Guest: Dave Cooper. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
43:4317/12/2019
AiA 268: Secure Angular Apps with Philippe De Ryck
In this episode of Adventures in Angular the panel interviews Phillipe De Ryck. Phillipe is a web security expert out of Belgium. He shares ways for Angular developers to better secure their apps. Phillipe explains to the panel that his goal is not to shame developers but inspire them to do what they can. He knows most developers are just trying to get as much done in the time that they have. In this episode, he shares ways for developers to improve the security of their apps. The episode starts with some security scary stories. Phillipe invites everyone to check out the OWASP top ten projects. They have lists of the top ten security measures you should be doing, they have lists for different ecosystems and types of projects so there is something there for everyone. Phillipe explains what types of attacks are most common today. The panel wonders how do you know something is safe to install. Phillipe explains that there are no guarantees. Sharing statistics Phillipe tells then panel that it is worse than they thought, each package is most likely dependent on more packages and the odds are high that one of those packages has vulnerable code. He explains what you can do to check for those vulnerabilities and to see if they are exploitable. Phillipe shares recommendations for continuous monitoring services and other tools. He explains why Angular is the best framework for securing your apps and lists all the security features that come with Angular. He compares Angular, React, Amber, and Vue. Phillipe gives his opinion and recommendation on authentication libraries. He explains the differences between OpenID Connect and Allout, explaining how they work. The episode ends as Phillipe shares his contact information and the conferences he will be attending and speaking at. PanelistsAaron FrostJennifer WadellaBrian LoveAlyssa NicollGuestPhilippe De RyckAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan CacheflyLinksOWASP Top Ten Project GitHub dependency graphhttps://snyk.ioAngular and the OWASP top 10 | Philippe De Ryck | The Parts of JWT Security Nobody Talks About | Philippe De Ryck, Google Developer Experthttps://twitter.com/philippederyckhttps://pragmaticwebsecurity.com https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:Angular IvyJennifer Wadella:Red vs BlueButtermilk-Marinated Roast Chicken Aaron Frost:The listenersThe sponsorsThe panelAlyssa Nicoll:On a Scale of One to T-Rex Philippe De Ryck:https://ng-be.org/ Special Guest: Philippe De Ryck. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
53:4210/12/2019
AiA 267: JavaScript Performance with Tammy Everts
In this episode of Adventures in Angular Charles Max Wood joins Tammy Everts at JAMstack Confer. Tammy gives a listeners a sneak peek into her talk about website performance, more specifically JavaScript performance. Charles discusses the performance of Devchat.tv and Google Lighthouse scores. Tammy explains that while Google Lighthouse is good it isn’t completely reliable and can miss chunks of time when your JavaScript is failing and you have unhappy users.Tammy shares ways to drill down and see how your JavaScript is behaving in the wild. She talks about blocking Javascript which every developer is familiar with and non-blocking JavaScript that has high blocking CPU time which makes for janky sites. Tammy and Charles discuss what CPU is and what it measures. Tammy names resources and tools to help avoid this problem. Rules of thumb for avoiding these issues are explained by Tammy. First, Reduce, make sure all the JavaScript needs to be there. Next, Monitor, track your metrics. She also suggests working with vendors and maintaining a performance budget for metrics that matter. The interview ends with a little about Speedcurve and what they do. Tammy is the CXO of Speedcurve. PanelistsCharles WoodGuest:Tammy Everts Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsCacheFlyLinkshttps://jamstackconf.com/sf/https://speedcurve.com/https://twitter.com/tameverts?https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastSpecial Guest: Tammy Everts. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
12:2803/12/2019
AiA 266: Creating Content in Portuguese with Loiane Groner
In this episode of Adventures in Angular the panel interview Loiane Groner about her Portuguese content creation. She starts by sharing her story and how she got into content creation and why she creates content for developers in Brazil. She gives advice on how to get started creating blog content and shares strategies for pushing out posts and organizing post ideas. Moving on to video content, the panel share editing, and recording tips. Loiane shares recommendations for editing and recording software. They advise keeping videos short and to be consistent in creating content. Loiane answers questions about revenue and analytics. She also gives advice on dealing with internet trolls. The episode ends as Loiane dives into the struggles of learning to code as a native Portuguese speaker in an English based coding language. She explains how translation works and shares opportunities for people to help. The Angular community’s translation efforts are outlined, including translating documentation and their work with ng-Girls. PanelistsJennifer WadellaBrian LoveGuestLoiane GronerAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan CacheflyLinksOpen source libraries and frameworks http://lite.acad.univali.br/portugol/ https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:https://github.com/jakejarvis/lighthouse-action Jennifer Wadella:Merino woolhttps://pa11y.org/Loiane Groner:IvySpecial Guest: Loiane Groner. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
36:1226/11/2019
The MaxCoders Guide To Finding Your Dream Developer Job
"The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is available on Amazon. Get your copy here today only for $2.99! Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
14:3320/11/2019
AiA 265: Progressive Enhancements with Ire Aderinokun
In this episode of Adventures in Angular Charles Max Wood interviews Ire Aderinokun at JAMstack conf 2019. Ire works for Buycoins, a cryptocurrency exchange for Africa. She gave a lightning talk, “Headless Chrome & Cloudinary for progressively enhanced dynamic content on the web”. After giving a brief overview of her talk to Charles, Ire defines progressive enhancement for the listeners. Walking through how progressive enhancement works, she explains how Headless Chrome and Cloudinary helped her with the project she shared in the talk. Ire and Charles consider the blindspot that developers experience because they work on high-end devices and how using progressive enhancement helps those who use lower-end devices. Ire shares her experience with JAMstack and explains how progressive enhancement works with JAMstack. Charles shares his experience using JAMstack. The episode ends with Ire giving advice and resources to help get started with progressive enhancement. PanelistsCharles WoodGuest:Ire Aderinokun Adventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsCacheFlyLinkshttps://buycoins.africa/Headless Chrome & Cloudinary for progressively enhanced dynamic contenthttps://github.com/ireade/caniuse-embedhttps://ireaderinokun.com/https://twitter.com/ireaderinokunhttps://github.com/ireadehttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastSpecial Guest: Ire Aderinokun. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
12:3619/11/2019
AiA 264: ngTemplateOutlets with Stephen Cooper
In this episode of Adventures in Angular the panel interviews Stephen Cooper about his recent talk at Angular Connect. His talk was about ngTemplateOutlets. Stephen answers the questions of the panel about ngTemplateOutlets and explains how and when to use them. He starts by explaining the difference between component outlets and template outlets. Aaron Frost, Frosty, asks Stephen to walk through how to make a ngTemplate and explain what it is useful for. The panel considers the various use cases they would use this for. Frosty wonders why he would use a ngTemplateOutlet instead of a bunch of ngIfs. Stephen explains when it would be wise to use ngIfs and when it would be better to use ngTemplateOutlets. The panel discusses ngComponentOutlets, Stephen explains how they relate to ngTemplateOutlets and how they give you another level to reusing components. He overviews the best way to use ngComponentOutlets and warns listeners of the tricky parts. Stephen shares the best times to use ngTemplateOutlets and overviews some of the common use cases he has seen for them. He explains that they are very useful when creating shareable components or repeating similar chunks of code in a component. He shares some resources to help listeners get started. PanelistsAaron FrostAlyssa NicollBrian LoveShai ReznikGuestStephen Cooper________________________________________________________________________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood will be out on November 20th on Amazon. Get your copy on that date only for $1. ________________________________________________________________________________________________________________________SponsorsSentry use the code “devchat” for 2 months free on Sentry small plan FlatfileCacheflyLinksngTemplateOutlet: The secret to customisation | Stephen Cooper https://ngtemplateoutletcontext.stackblitz.io https://github.com/StephenCooper/ngTemplateOutlets Advanced Angular: Implementing a Reusable Autocomplete Component https://twitter.com/CooperDev https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:Being back in the USAZelda: Breath of the WildAlyssa Nicoll:Mr. MilksDestiny 2:ShadowkeepAaron Frost:Garrett Reismanhttps://medium.com/ngconfShai Reznik:TestAngular.comOne Strange RockStephen Cooper:Visiting museums near youSpecial Guest: Stephen Cooper . Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
45:5212/11/2019
AiA 263: The JAM in JAMstack with Tara Z. Manicsic
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. PanelistsBrian LoveShai ReznikGuestTara Z. ManicsicAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan FlatfileCacheflyLinkshttps://www.netlify.com/https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:Living with YourselfShai Reznik:Angular Testing Tip — The Easiest Way To Start Your Test JokerTara Z. Manicsic:FleabagNetlify Tutorial - How to build and deploy websites using Netlifyhttps://www.ng-conf.org/2019/sessions/workshop-jamstack-from-i-dont-know-to-pro/Special Guest: Tara Z. Manicsic. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
40:1005/11/2019
AiA 262: Firebase Features with David East
In this episode of Adventures in Angular the panel has fun interviewing David East about Firebase. David starts by sharing what it was like at the recent Firebase Summit in Madrid. There were so many announcements they had a tough time fitting them all into the one-hour keynote address. One of the cool new features announced at the Firebase Summit is Firebase Extension, David describes it as serverless without any code. The panel discusses this feature and how it works. Another cool feature announced is Google Analytics for Firebase. This allows you to use Firebase tools in conjunction with Google Analytics. The panel considers the smart things you can do in your app with this feature. The next feature the panel discusses is Remote Config which allows you to store data and then pull out that information on demand. If you use the Google Analytics for Firebase you can target specific data for certain audiences. David explains that before this could only be done with native apps. He also explains how in doing this you no longer have to worry about the gtag loader and defines gtag for the panel. The panel gets a little off track as David jokingly explains his beef with Aaron Frost, Frosty. Frosty host My Angular Story and a while back had twitted looking for awesome angular stories. David had responded but never heard back from Frosty. Frosty jokingly says he faxed an invite to David. The panel jokes about how awesome David’s episode will be and tells everyone to look out for his episode. Getting back on track, David gives more examples of ways to use the Remote Config feature on with the Google Analytics for Firebase. Frosty confesses he needs to get better at looking at analytics. Sharing an example from a company he is currently working for, Frosty explains how they made nearly 2 million dollars just by changing the color of a button. The panel considers how minor changes like that can make such a big difference and how analytics helps you target your audience. David shares the story behind writing Angular Fire. Jeff Cross worked on the angular team and started writing angular fire but then left for Nrwl. After Jeff left, David took over and ended up rewriting the entire library. He explains some of the mistakes that they made that led to the rewrite and how he fixed them. The panel wonders at David about using Angular Fire and NgRX. David tells the panel that the Firebase console uses NgRx under the hood and shares what he learned while working on it. Using firebase and NgRx can be very confusing because of the mass duplication of responsibility. David’s advice is to let Firebase and NgRx do their own thing and connect the dots with RxJs. David discusses Firestore, a very advanced caching system and what you can do with it. Including, working offline and setting security rules. Frosty brings up Firebase Messaging Cues, he explains that it is similar to three-way messaging cues except its n-way. David explains that even though he is intrigued by the idea, he does not approve of the name. The panel considers possible use cases for an n-way messaging cue. David explains some of the costs and benefits of this architecture. The episode ends with a discussion of Firebase’s documentation, which is currently a group of markdown files. David defends the simplicity of this documentation style and gives recommendations and resources for those who need more help. PanelistsAaron FrostBrian LoveAlyssa NicollShai ReznikGuestDavid EastAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan Angular BootcampFlatfileCacheflyLinkshttps://firebase.google.com/https://firebase.google.com/summitMy Angular Storyhttps://fireship.io/Fireship Youtubehttps://twitter.com/_davideasthttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:Bonnie LoveAaron Frost:Stop shaming peopleMiss SaigonAlyssa Nicoll:David EastDavid East:Alyssa NicollFreakonomicsThe Signal and the Noise: Why So Many Predictions Fail-But Some Don't Special Guest: David East. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
28:1929/10/2019
AiA 261: Angular Projects with Zama Khan Mohammed
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. PanelistsAaron FrostBrian LoveGuestZama Khan MohammedAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan Angular BootcampFlatfileCacheflyLinkshttps://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/angularpodcastPicksBrain Love:ng-conf: CFP Office HoursAaron Frost:Late Night with Seth MeyersZama Khan Mohammed:Hacking the Angular CompilerSpecial Guest: Zama Khan Mohammed. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
44:0522/10/2019
AiA 260: NgRx, The Mystical Machine, with Wes Grimes
In this week’s episode of Adventures in Angular the panel has fun interviewing Narwhal rocks star and NgRx expert, Wes Grimes. Wes starts by sharing how he got started in NgRx. In a previous company, Wes was the lead architect for a project that had need of a state management solution, so it was his job to figure out how to use NgRx. While figuring it out he created a structure for using NgRx and used that structure to write a blog article about best practices for NgRx. This blog article took the world by a storm and now has over 200,00 views. People are now building libraries and courses based on his article. The panel has a little considering the possible searches that lead people to his article. Jennifer Wadella shares some of the weirder searches that have led people to her posts. After their fun, the panel tries to get back on track. This article thrust Wes into the world of helping people understand NgRx, what he calls a mystical machine. He explains how this article was only the beginning of learning NgRx and that he is currently working on revising that first post. The main point covered in the article was how to organize the store and how to store it in the file system. It walks through creating angular modules for each slice of the store. The second point is covers heavily is the use of barrels. The biggest problem Wes see people run into in NgRx is they do not know where all their actions are. He shares the solution he uses for this problem, using a public API to group actions so they are easier to find. The panel expresses their frustration with the hard time the CLI has with barrel files. Wes explains why this is a common problem and shares a solution. The panel asks for other gotcha’s to watch for when using NgRx. Wes explains how and what developers miss out on when they fail to use selectors to their fullest. When selectors are used correctly and completely developers receive all the benefits of the testing they do on NgRx. The other benefits are builtin memoization and reusability. Another gotcha he warns against is using facades before fully understanding NgRx. This really fires up the panel, who then debates the use of facades in NgRx. Aaron Frost expresses his opinion that NgRx isn’t for everything and that by using facades you may not need to use NgRx. Wes explains that the large companies he works for are already committed to NgRx as their solution and he advises them not to use facades. Wes explains the downsides of using NgRx, the first is when developers jump in before they understand it and back themselves into a corner. Another downside is the upfront investment cost when learning NgRx. The panel jumps in wondering what Wes thinks of hiding those developers unfamiliar in NgRx with a facade. Wes explains how in doing this the team would be compromising architecture in order to avoid teaching developers to use NgRx properly. He clarifies that he doesn’t think facades are bad but in order to use them correctly in NgRx developers must first understand how NgRx works. Aaron explains why when working with developers unfamiliar with angular he advises them not to learn NgRx right away. Wes shares how he has seen developers misuse facades. When using a facade it entices developers to hop back and for between imperative and declarative code. Aaron jumps in and explains that imperative code in reactive programming is very bad. He invites listeners to go out and learn more about this because it is very important to understand. The panel considers strategies to help teams code reactively. Wes recommends requesting data from the server. This pattern is straight forward to implement and handles a lot of the common use cases in the store. Aaron suggests turning off default change detection, doing so will force the programmers to code reactively. Another way suggested is to structure teams separating concerns. The episode ends with Wes sharing his experience joining the NgRx core team by working in the documentation, filling in gaps that he found. He also shares what will be coming to NgRx. The platform will be expanding beyond just state management, supplying reactive libraries for angular. They are also getting ready for an experimental release of NgRx component. PanelistsAaron FrostBrian LoveJennifer WadellaShai ReznikAlyssa NicollGuestWes GrimesAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan Angular BootcampFlatfileCacheflyLinksNgRx — Best Practices for Enterprise Angular Applications The Facade of NgRx Facades Building with Ivy: rethinking reactive Angular | Mike Ryan | #AngularConnect 2019 https://twitter.com/wesgrimeshttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:The Great HackShai Reznik:RxJS: A Better Way To Write Frontend Applications - Hannah Howard - JSConf US 2018 Complex Features Made Easy With RxJS - Ben Lesh Aaron Frost:LizzoJennifer Wadella:https://twitter.com/began_7/status/1177880930549223424 https://github.com/vmbrasseur/Public_Speaking Wes Grimes:ngGirlsSpecial Guest: Wes Grimes. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
51:5208/10/2019
AiA 259: Ngrid with Shlomi Assaf
In this week’s episode of Adventures in Angular the panel interviews Shlomi Assaf, talking about ngrid. After some playful banter about the naming of Ngrid, Shlomi shares the reasons behind building ngrid. The company he was working for at the time need a grid, he tested nggrid but wanted something completely opensource, so he built one. He also explains that nggrid caused some problems in their project which made him want something more customizable. Shlomi explains how much work is needed on the application and asks listeners to contribute to documentation or other areas of the project. Shai Reznik endorses Shlomi as one of the smartest peoples he knows and tells listeners if they want to learn from someone who knows a lot about angular to step up and join this project. The panel asks about the challenges Shlomi faced while building this app and what it was like using the CDK. Nggrid has a how company working on it but ngrid has only Shlomi. Shlomi explains that the CDK had a lot of the building blocks need to building blocks to build this application and was the power behind the project. The CDK’s lacks the ability to extend easily which was a challenge. He explains that his biggest frustration while building the application was the drag and drop feature. Shlomi shares many of the features he built into the application that even though he built it over a three year period he could do it piece by piece because of the way he designed it. He considers the selling points of the application and shares them with the panel. Shlomi compares ngrid to other grid, explaining how templating, creating columns and pagination are all made easier with ngrid. With ngrid there is also virtual scrolling and you can control the width of each column. Next, the pane considers performance, asking how the grid would handle if you loaded thousand or even tens of thousands of records and data onto the grid. Shlomi explains that unless the cells were extremely complex that ngrid’s performance would not suffer. The panel how ngrid could work with serverside rendering but not with NativeScript. Shlomi explains version support and advises listeners to use Angular 8. The panel ends the episode by sharing information about next year's ng-conf. Tickets go on sale on October 1, 2019, the best deals go fast so watch out for them. Many of the panel will be there, Brian Love will be giving the Angular Fundamentals Two-Day Workshop. The CFP also opens October 1, 2019, and will close January 1, 2019. Aaron Frost invites anyone who would like to submit to reach out to the veteran panelists to nail down ideas for their conference proposals. He also recommends submitting more than one. PanelistsAaron FrostBrian LoveJennifer WadellaShai ReznikAlyssa NicollGuestShlomi AssafAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan Angular BootcampCacheflyLinkshttps://www.npmjs.com/package/@pebula/ngrid https://shlomiassaf.github.io/ngrid/ https://www.ng-conf.org/speakers/ https://twitter.com/aaronfrosthttps://twitter.com/brian_love?lang=enhttps://twitter.com/AlyssaNicoll?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthorhttps://twitter.com/shai_reznik?lang=enhttps://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:NG-DE 2019 Angular ConnectShai Reznik:The magic of RXJS sharing operators and their differencesLet Me Off at the Top!: My Classy Life and Other Musings Aaron Frost:Connecting with your childrenShlomi Assaf:How we make Angular fast | Miško HeverySpecial Guest: Shlomi Assaf. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
44:2901/10/2019
AiA 258: Angular Architecture with Manfred Steyer
In this week’s episode of Adventures in Angular the panel interviews Manfred Steyer, the creator of ngx-build-plus and angular architecture expert and consultant. Ngx-build-plus is a way to extend how the CLI is doing its build. Manfred explains how ngx-build plus works in two different ways. The first is that it provides a partial webpack configurations file that merges with the webpack configuration that the CLI is using. The second, it provides a plugin with free methods that influence the CLI. Manfred consults with companies on architecture, he explains that the main problem when people take a simple application and make it complex, big, with a lot of entities and forms. This makes it difficult to manage in the long term. He borrows ideas from domain-driven design to help these companies structure their applications. Strategic domain-driven design is one of the main strategies he uses when structuring an application. Strategic domain-driven design is subdividing a big application into subdomains, then modeling those subdomains separately. By modeling the separately, the coupling is limited. This makes it easier to change parts of the code without breaking anything unrelated in the application. The panel asks Manfred for recommendations for using domain-driven design in their architecture. Manfred recommends using libraries within monorepos and outlines the benefits. Using this method creates isolation, you can’t easily access everything in the library because of the public API. Manfred explains how a public API works like a facade. Nx is the recommended tool for the monorepos, as it adds many great features to the CLI and is not as heavyweight as other monorepo solutions. Manfred explains one of his favorite features called tagging. This restricts which libraries can access another library. The panel discusses some examples of tagging. The panel wonders about Manfred’s opinions on state management solutions. Manfred explains that he doesn’t believe that every application needs a state management solution. When used at the wrong time a state management solution is an overkill. He also explains that not using a state management library does not make someone a bad person. The panel discusses how you know if you need a state management solution. Manfred indicates two things to look for when considering the use of a state management library. First, is there a lot of state? Second, is the state going to be used by many different components? If you are not sure he recommends starting with a facade and adding a state management library later if needed. The panel explains what a facade is. A facade is when you combine a lot of systems under a single API, like jquery. Manfred gives an example of what a management facade should look like. The panel shares experiences explaining how it works and gives advice and examples of using a facade. The topic turns to the importance of testing. Manfred shares his testing philosophy, asking how do you sleep at night knowing you have to change a part of the application? Does it scare you because you know you are going to break everything in a terrible and painful way? Or, Do sleep soundly because you know you are safe to do what needs to be done. Shai Reznik equates this to the shake meter, how much does your hand shake when you push the button to execute a change. Manfred’s recommends starting with unit testing, testing where you need it and avoid a testing coverage goal. Unit testing he explains are more stable than end-to-end testing. You do need end-to-end testing but very little in comparison to unit testing. Aaron Frost shares the tool protractor flake as a way to combat the flakiness of end-to-end testing. Manfred explains that there are two common mistakes people make in their angular architecture. The first is over-engineering and under-engineering an application. He explains the problems that arise with each and how to combat this problem. The sweet spot can be found by knowing what you want, finding the right structuring to fit what you want. The panel wonders how to measure the cleanliness of code in an application. Manfred recommends looking at each indirection and deciding if it is necessary. The panel explains what indirections are, an example is event mechanisms, you can’t see a direct effect. The panel discusses NgRx as an indirection framework. Manfred warns not to use NgRx all the time only when you need it. This launches the panel onto a tangent of choosing tools and how to weight the pros and cons of each tool. The phrase “use it when you need it” is considered by the panel, the genericness of the phrase is discusses. The panel advises new developers who don’t have the experience to gauge if they need something or not to do the research necessary to understand a tool and to experiment with it. The panel comes back to the other common mistake made with architecture which is chatty applications. Applications that send thousands of requests to the backend causing the application to slow. The panel considers why this happens. Aaron explains the concept of affordance and how this results in chatty applications. PanelistsAaron FrostBrian LoveShai ReznikGuestManfred SteyerAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsorsSentry use the code “devchat” for 2 months free on Sentry small plan Angular BootcampCacheflyLinksNgRx + Facades: Better State Managementhttps://www.npmjs.com/package/protractor-flakehttps://twitter.com/manfredsteyer?lang=enhttps://www.softwarearchitekt.at/https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:The 5 Big Features of TypeScript 3.7 and How to Use Them Shai Reznik:Angular Testing CourseHip-Hop EvolutionAaron Frost:RxJs Live Lover Manfred Steyer:Star Trek: Picardngrx-etc Special Guest: Manfred Steyer. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
01:08:1724/09/2019
AiA 257: The Easiest Way to use Angular Elements with Tomas Trajan
Episode SummaryIn 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. PanelistsAaron FrostBrian LoveGuestTomas TrajanAdventures in Angular is produced by DevChat.TV in partnership with Hero DevsSponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular BootcampCacheflyLinksAiA 256: Debunking Monorepo Myths with Victor Savkinhttps://angular-extensions.github.io/elements/ https://twitter.com/tomastrajan https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:https://node-atl.org/ Shai Reznik:https://netbasal.com/ Aaron Frost:How to Be Less Stupid About Race: On Racism, White Supremacy, and the Racial DivideTomas Trajan:Slipknot EXSpecial Guest: Tomas Trajan. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
48:0117/09/2019
AiA 256: Debunking Monorepo Myths with Victor Savkin
Episode Summary Victor Savkin, former angular team member and now cofounder of Narwhal Technologies Inc or Nrwl, returns to Adventures in Angular to teach the panel about monorepos. Victor starts by explaining what monorepos are and why you might need one. Monorepo style development is when multiple projects developed in the same repository and the tools used to manage code between those apps. There are many benefits to using monorepos as Victor explains to the panel, such as sharing code between apps. Monorepos help you see what's going on in reality as well as helps you take control of the structure of your code. It also allows for more interesting deployment strategies. Victor talks briefly about his time at Google, working on the toolchain and using a large monorepo. After the panel asks about the costs of using a monorepo strategy, Victor explains that there are many perceived costs that are actually false or easily overcome. The first perceived cost he tells the panel about is how people get confused and believe that apps have to be deployed together when they really have to be developed in the same repository. The second is the fear of misplaced ownership, that some other developer will come along and ruin their code. Victor explains that ownership can be configured and controlled so that no one you don’t trust can touch your code. The next myth developers believe about monorepos is that it doesn’t scale and especially when it comes to performance. Victor explains that when the app is set up correctly and testing used correctly this isn’t a problem. The final perceived cost is that Git will break. Victor debunks this by explaining that you would have to be doing extremely well in order for Git to be a bottleneck and even then there are ways around that problem. Victor explains the one real cost and that is you have to change the way you code. The panel discusses a few different coding styles. Victor recommends getting used to single version policy and trunk-based development. He defines trunk-based development, explaining how it works and why it is better for monorepos than long-range branch development. Victor sees two types of groups who want to get started in monorepos and he explains what they most commonly do wrong. The first is greenfield projects who jump right in without thinking about it and eventually crash. The second is teams with a giant app and through a monorepo in hoping it will help them structure their app. He explains there is a right way to start using monorepos in both situations. Asking the important question is how to get started. Agreeing upon the structure, naming, ownership, are you going to build the frontend and backend in the same repo, and the answers to a bunch of other questions will affect your work the most, even more than the tooling you use. Some of these answers will be specific to your company where others will be universal, like naming and ownership. With other tools for monorepo out there, the panel asks Victor why Nrwl decided to build their own tool. Victor explains that the current tools on the market do not do it all. Lerna only does one thing great and Bazel is very selective on who can run it. Nrwl is hoping to marry Bazel to Nx, so they can allow everyone to use Bazel. They want Nx to support all tools and even Windows. The panel wonders if Nx is perfect. Victor explains that it nearly there. Nx is pluggable and easy to use. It is easy to learn. Victor explains that they really care about developer experience at Nrwl. Nx is free and opensource so everyone can give monorepos a try. Resources for learning about monorepos are discussed. Victor invites everyone to watch the ten-minute getting started video on the Nx website. He also lets the listeners know about a new book coming out mid-September and it will be more organizational based than the last. The panel wants to know what comes with Nx. Victor explains that Nx gives you modern tools by setting up Cypress, Jest and other tools for you. Because Nrwl is a consulting firm, the panel hopes that Victor will have an update on the trends. Victor shares his view that trends don’t really tell you anything about the true status of a framework. How many downloads a framework has doesn’t show the longevity of that framework. Frameworks being used to make large scale apps that will be around for years is how you can tell the longevity of a framework. From that perspective, Victor feels that Angular is doing really well. To end the episode, Shai Reznik recalls how passionate Victor was about NgRx a few years ago. He asks Victor if he still feels the same way as before. Victor explains that NgRx is pretty well most of the time, has great docs, is well maintained, and he would still recommend it.PanelistsJennifer WadellaBrian LoveShai ReznikAlyssa NicollGuestVictor SavkinSponsors Sentry use the code “devchat” for 2 months free on Sentry small plan Angular BootcampMy JavaScript StoryCacheflyLinkshttps://twitter.com/victorsavkin?lang=enNrwl Nx — An open source toolkit for enterprise Angular applications.Effective React Development with Nxhttps://connect.nrwl.io/app/bookshttps://nx.dev/angular/getting-started/what-is-nxMAS 040: Victor Savkin042 AiA Dependency Injection and Change Detection with Victor Savkin123 AiA Upgrading from Angular 1 to Angular 2 with Victor Savkinhttps://nrwl.io/https://nx.dev/Momentum https://www.facebook.com/adventuresinangularhttps://twitter.com/angularpodcastPicksBrain Love:https://trunkbaseddevelopment.com/https://www.oreilly.com/library/view/why-angular-for/9781492030294/ Alyssa Nicoll:Caffeine Content Warning!Jennnifer Wadella:The Fall SeasonNGD ConfLaptop Safety at ConferencesVictor Savkin:The BoysUse Less Social MediaFreedom AppShai Reznik:https://bit.dev/ True Detective Special Guest: Victor Savkin. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/adventures-in-angular--6102018/support.
01:09:3510/09/2019