Adventures in Angular

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.