The Angular Plus Show

Since the beginning of Angular, Joe Eames has been an integral part of teaching millions of new developers through his courses on Pluralsight and his Angular conference, ng-conf. In this episode, we talk with Joe about effective strategies to learn new skills, retain knowledge, and the importance of immersion and community and their impact on career growth. ng-conf.org info@ng-conf.org @josepheameshttps://app.pluralsight.com/profile/author/joe-eamesFollow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

In this episode of The Angular Plus Show, we talk with Nrwl CEO Jeff Cross about code organization, monorepos, multi-repos, and how build tools like NX, Lerna, and TurboRepo are shaping the future of app development.Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

And we're back! Enjoy some great laughs in this special episode of The Angular PLUS Show as your Hosts recount the struggles and successes they faced along their journeys to becoming the Developers they are today. Find us on Twitter!The Angular Plus Show @AngularShowJennifer Wadella @likeOMGitsFEDAYNicole Oliver @nixcodesLara Newsom @LaraNerdsomBrain Love @brian_loveFollow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

As promised, the Angular team dropped version 13 on November 3rd, and the Angular Show got the chance to talk to Angular Dev Rel team member Emma Twersky about the anticipated release. In this episode Emma tells Aaron and Jennifer about some awesome new Angular team members and their contributions, including Sarah Dranser joining Google as Director of Engineering for Core Web. There’s a quick fangirl/fanboy session over what a fantastic manager and mindful engineer Sarah is and the resources she provides to the community. They touched on the highly anticipated form typing changes coming and the Angular team’s RFC process that allows community members to give feedback on features before they’re completed. Emma highlights awesome community contributions that made it into the Angular 13 release - restoring history after navigation, enabling/disabling validators dynamically, Service Worker API updates, and Router Outlet now emitting activate/deactivate events.Emma also walks Jennifer and Aaron through more new features like the simplified ViewContainerRef API, even better error messaging, accessibility improvements for Angular Material components, and tooling improvements with persistent build caching.Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Debugging is an art. Do you console.log? Or do you rely on breakpoints and debugger statements? All of the above? What about dealing with Angular's most ~~joyful~~ painful bug `ExpressionChangedAfterItHasBeenCheckedError`? We had the opportunity to spend some time with an expert at Angular Debugging. Abdella Ali is a Solutions Architect at Rangle.io. Abdella (who also goes by "della") has been involved in the Angular community for almost 8 years and even attended the very first ng-conf. We should also mention that Rangle has been a longtime supporter of ng-conf and the Angular community.Jennifer Wadella and Brian F Love learned some of Abdella's favorite techniques for debugging Angular applications; including removing complexities, isolating components, and using code sandboxes. Abdella also dropped some knowledge on debugging RxJS and asynchronous code in Angular. While Brian suggested you just use Observable.toPromise(), apparently that's not Abdella's approach.Debugging can be challenging, but having a few tricks up your sleeve and some good tools sure can make it easier, and perhaps even, a bit of fun. Join us as we learn from Abdella about debugging Angular applications.Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Got Angular.js code? Yeah, a lot of us do. It's cool. For many organizations, there is a lot of Angular.js out there that has been working well for years, and let's be honest, will probably continue to provide value to the organization for years to come. You have probably also heard that Longterm Support from the Angular Team at Google for Angular.js (v1 folks, not v2+) is ending on December 31, 2021. So what are we to do? And, perhaps the bigger question is, what if we have an SLA with our customers that require that we ship supported software?Enter XLTS - Extended Longterm Support for Angular. The team at XLTS.dev have you covered. They will continue to provide long-term support for Angular.js after the dreaded date of December 31, 2021. Phew!!The Angular Show had the opportunity to spend some time with Michael Prentice, a partner at XLTS.dev, along with our beloved Aaron Frost (better known as Frosty) who is also a partner with XLTS.dev, to learn about the beginnings of their service, what they are providing to the Angular community, and how it works. The short story is that the team at XLTS will provide you with a supported forked version of Angular on January 1, 2022. This fork will ensure that you can continue to ship apps that have a dependency on Angular.js (again v1 not v2+) with confidence for years to come.While we may want to eventually upgrade that app from Angular.js to Angular, we don't have to stress about finishing that daunting project in time for LTS. So, go ahead, book that family vacation this Christmas, and go check out xlts.dev to get extended long-term support for your organization's Angular.js apps.Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Angular + Ionic = ❤️In this episode of the Angular Show, we had the opportunity to sit down and chat with Max Lynch, the co-founder of Ionic. If you haven't heard of Ionic, it's a set of components for rendering native controls on iOS and Android that enables web developers to build apps that are executed on phones and tablets that include core native device functionality. As web developers we are really good at creating applications that use a template (HTML) that is styled (CSS) and is dynamic and interactive (JS). If you think about it, that sounds like a lot of the apps that are available in Google Play and the App Store. Further, as Max points out, it's really about using the GPU to render bitmaps to the screen, which a webview is more than capable of doing. So, why not create the apps of today and the future using a stack like Angular and Ionic? In this episode, Max shares the history of how they got started with Ionic, from rebuilding Cordova and PhoneGap, to solving the developer experience using new tooling, building the component view library, and Capacitor, an open-source cross-platform native bridge built and supported by the Ionic team.Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Have you ever thought about moving into a leadership role? It can sound a bit daunting, perhaps scary, but also exciting. The idea of putting your hand to the wheel and directing the ship can be thrilling. Leading a team of individuals is a prospect that many people dream of.The Angular Show had an opportunity to sit down with Sam Julien, Director of Developer Relations at Auth0, to discuss his move from engineer, to DevRel, to Director of DevRel. Sam shares how he first learned that his passion was DevRel and then how he grew into a leader. Sam shares some great resources that he has used to learn the skills necessary to be an effective and compassionate leader of his team. He also shares some of the struggles and hurdles that he has faced on his journey.Grab your iced, double-shot, oat milk latte and join Aaron Frost, Jeniffer Wadella, and Brian Love as they chat with Sam about his journey. We also recognize that not everyone is passionate about leadership. That's cool - much respect. In fact, many organizations now have engineering-specific growth opportunities that prevent forcing people into leadership and management in order to gain increased visibility, compensation, and influence in an organization. Our hope is that this episode of the Angular Show will inspire the future leaders of tomorrow to step into the role of leadership if that is their passion.Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

This episode of the Angular Show features Sara Faatz, who leads the Telerik and KenoUI Developer Relations team at Progress, and Alyssa Nicoll, an Angular Developer Advocate & Google Developers Expert in Angular. Sara and Alyssa share with the panelists their respective journeys into the dev industry and how they ended up together on the Developer Relations team at Progress.You have likely heard of DevRel. It's the elite special forces coders that fly around the world and speak at conferences, have platinum Delta status, and sip on Champagne in the hallway track, right? Not exactly.Developer Relations is a relatively new career that has evolved over time into what it is today. Sara and Alyssa teach us about what DevRel is _really_ about, how much they love it, but also some of the pain points and challenges. Sara and Alyssa are part of an amazing team at Progress and enjoy sharing their passion for the web and KenoUI with front-end developers. In the end, Sara and Alyssa believe in the "human side of development"; sitting down with developers to understand what they need, the tools they use, and what can help improve their careers and lives.Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Show Summary:We're back from our summer break and we're releasing a fresh episode of The Angular Show with a special guest, Mike Ryan, a Principal Architect with LiveLoveApp. Mike is a co-creator and member of the NgRx core team, a contributor to open-source, and a Google Developer Expert in Angular. Mike joins our panelists Aaron Frosts, Jennifer Wadella, and Brian Love, to chat about NgRx Effects best practices.NgRx is the defacto standard state management solution for Angular. While the core state module is highly inspired by Redux, the Effects library is unique to NgRx, and one of the best features of NgRx (in our humble opinion). NgRx Effects enable developers to perform side effects, like fetching data from an API, in an elegant and efficient manner. But, effects can also be tricky, hard to test, and sometimes it's not clear what RxJS operator is best suited for an effect.In this episode, we learn from Mike the best practices of using NgRx Effects, how to make them simpler, more maintainable, and easier to test. Plus, there are a handful of simple tips that you can walk away with and immediately improve the performance of your Angular application that is using NgRx Effects. Plus, if you've ever been unsure about which higher-order mapping operator (ya know, those somethingMap() ones) to use with an effect, Mike will break it all down for you in a straightforward way. This is an episode of The Angular Show that you do _not_ want to miss.Show Notes:- LiveLoveApp: https://liveloveapp.com- observer-spy library: https://github.com/hirezio/observer-spy- NgRx Effects: https://ngrx.io/guide/effectsFollow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5