The Angular Plus Show

In the conclusion of our four-part series on testing in Angular, we sat down with Keen Yee Liau. Keen leads the tooling team as part of the Angular Team at Google. Externally, the tooling team ships the Angular CLI, which includes the out-of-the-box end-to-end testing tool called Protractor. Join panelists Aaron Frost, Brian Love, and Jennifer Wadella as we learn from Keen about the current direction of Protractor.The recently released version 7 of Protractor focused solely on security issues, resulting in the necessity to update dependencies, leading to a major release bump. If you've been using Protractor for some time, you might be asking, "Wait, what happened to version 6?" Well, v6 was a release-to-evaluate webdriver version 4 (still in alpha) and was never released, and likely won't ever be released. It goes down as a fun bit of history along with Angular version 3.Keen shared with the panelists how the tooling team (and the Angular team at large) is reflecting on the strategy and direction of Angular and the tooling infrastructure. Keen and his team are evaluating the landscape of testing, both within Google and broadly within the ecosystem. Given the current evaluation, make no mistake, Protractor is widely used within Google, and the tooling team is committed to supporting and improving Protractor for the 1,100 + Angular applications at Google as well as the thousands of applications in the community that use Protractor for end-to-end testing. The Angular Team is committed to not leaving anyone behind in the story of Angular. Rest assured, this includes projects that use Protractor. But Keen is also looking for feedback from YOU! His DMs are open at @liauky. We look forward to the future of testing Angular applications!Follow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

The third part of our four-part series on testing in Angular focuses on end-to-end testing with Cypress. Cypress provides fast, easy, and reliable testing for Angular applications. Panelists Aaron Frost, Brian Love, and Jennifer Wadella have the privilege to learn about end-to-end testing with Cypress from Martina Kraus (Google Developer Expert in Angular), Dave Muellerchen (Google Developer Expert in Angular), and Cecilia Martinez (Success Engineer at Cypress).Show Notes:►https://webdave.de/blog/cypress►https://www.youtube.com/watchv=MiHcYL6huoY&list=PLdLZVBn48n_Du1Q80B1VMqnvH4xgXMDm0&index=3&t=33s►https://www.slideshare.net/ladyleet/inclusive-architecture-introducing-the-pamstack-refactrtechFollow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Younes Jaaidi joins panelists to discuss the benefits of Jest for unit testing in Angular, including performance, running in multiple environments, and easier-to-read test failure output. They also explore the pros and cons of snapshot testing and discuss other testing solutions like visual regression and end-to-end testing. The chapter descriptions highlight different topics discussed in the podcast, including an introduction to Jest, running slowest test first, and learning resources for testing with Jest. The podcast ends with a discussion on becoming a better anti-racist and ally in supporting racial equality.

In this four-part series, the Angular Show breaks down testing in Angular. Do you test? Should you have automated tests? And if you do test, what types of tests should you implement? Should you unit test? Should you have end-to-end tests? What about integration tests? This series tackles all of these questions and more.In part one, panelists Aaron Frost and Jennifer Wadella invite Joe Eames, CEO of Thinkster.io and Pluralsight author, along with Shai Reznik, founder and author of testangular.com, to share their knowledge and love of unit testing in Angular.While you are most likely performing manual testing, you may not be leveraging automated testing. Automated testing enables us to prevent regressions, increasing the quality of our applications. While many of us may not be leveraging automated testing, it can be extremely valuable when moving fast, when we have multiple developers on a team or in the code base, and perhaps even multiple teams in an organization that is sharing the same code and repository. The end result is confidence. Having a high level of confidence in shipping quality software provides significant value. Of course, implementing an automated testing strategy comes at a cost. Weighing the benefits with the cost is critical and should not be missed in your organization or team.Don't forget to subscribe so you can be notified when Testing Series Part 2 on using Jest for unit testing in Angular is available for download!Follow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Hot off the press is the newly released roadmap for Angular. You may not be aware, but Angular has been missing an official roadmap since version 2 was shipped in September of 2016. A roadmap serves many purposes for both the Angular Team & Google and for the community that contributes to and has invested in the platform. A roadmap:🎯 Provides some insight into the future direction of Angular and allows stakeholders to offer feedback.🤝 Shows the commitment to the platform from Google and the Angular Team.✅ Provides decision-makers an opportunity to evaluate not only the current status of the platform but to also consider the potential future status of the platform.Join Angular Show panelists Aaron Frost and Brian Love as they go through the roadmap, breaking down each item and discussing what it means from both a technical and community perspective. Aaron and Brian are highly committed to both the Angular product and the community at large and were thrilled to see the roadmap released.Join us as we explore the rich and vast ecosystem of component libraries for Angular!Follow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

As software engineers and programmers, we work and live in an environment that is ever-expanding. Staying current in technology is not only a necessity in our career but often a challenge as well. As a result, entire industries have sprung up to assist us in meeting these challenges, the education sector being at the forefront of those industries. But then the question arises: Of all the options, which modality of learning is best? The answer is often a combination of your personal preference, how much time you have, and the required effectiveness.In episode 23 of The Angular Show, panelists Aaron Frost, Brian Love, Shai Reznik, and Jennifer Wadella invite Joe Eames, author at Pluralsight & CEO of Thinkster.io, to share his knowledge and love for teaching and learning. Joe has taught many of us on topics ranging from the Fundamentals of Angular to unit and end-to-end testing. Listen in as Joe teaches us about the modalities of learning and the advantages and disadvantages of each, and how we can effectively choose tools that will put us on effective learning pathways for achieving optimum success.@josepheamesFollow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

One of Angular's core tenants is building reusable, testable, and maintainable pieces of code known as components. While most applications have varied features and components, there are some common threads among web and mobile applications. While you can build out these common elements, or components, for your application, it's often easier and faster to rely on a component library that provides these elements or widgets. For example, imagine building a cross-browser compatible and accessible tooltip component, or perhaps a date picker. What do you think? Do you want to ship your app or do you want to build out a date picker? I'm guessing the app.In this episode of the Angular Show we invited our friends from Progress (Alyssa Nicoll and Carl Bergenhem), VMWare (Jeremy Wilkin), GrapeCity (Joel Parks), and UI Bakery (Nikita Poltoratsky) to share their insights into component libraries and tooling that's available to Angular developers. Progress provides the popular Kendo UI component library for Angular, VMWare's Project Clarity is an open-source component library, GrapeCity provides the Wijmo component library for Angular, and UI Bakery is an open-source tool for building Angular application visually.Join us as we explore the rich and vast ecosystem of component libraries for Angular!Follow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

The Angular Show panelists (Aaron Frost, Brian Love, Alisa Nicoll, and Shai Reznik) chat with the co-founders of Narwhal Jeff Cross and Victor Savkin about Nx and Nx Cloud. But first, we check in with Jeff, who you may not know, has and cuddles with pigs, and Victor, who is a new father.Nx Cloud is a way for you to enable distributed computation cache such that you, your team, and your Continuous Integration (CI) can share build artifacts. Practically speaking, this results in saving you and your organization time when building and testing your application.You might be wondering, what exactly is computation cache? Victor breaks this down for us and shares how Nx tackles this, and further, how we can use Nx cloud to distribute the computation cache across a team, including CI.To get started, you'll need to be using Nx, which not only tackles computation cache, but is a tool for implementing a monorepo strategy. Then, set up Nx Cloud with an access token in your config for distributing the cache.Follow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

Angular is not just a product, it's also a community. We firmly believe that a community is one in which everyone is welcome, and, further, one in which everyone has the right to feel comfortable and accepted. This is what makes a community.There's been a lot of unrest in the community as former Angular team members have shared perspectives and as community members question the future of Angular. In this episode of the Angular Show, panelists Aaron Frost, Brian Love, & Jennifer Wadella talk with Stephen Fluin, head of developer relations on the Angular Team at Google, and ask the hard questions that we've heard are on your minds. If you've been reading Twitter or blogs recently you may have been wanting to ask what team member departures mean for the future of Angular, the future of your Angular-dependent projects and clients, what is being done to address team attrition, where the Angular roadmap is, or what is the status of the backlog of Angular issues. In an effort of transparency, growth, and healing, we voiced your concerns and asked your questions. While we love the Angular product, we love the Angular community equally as much and know that healthy conversation, and sometimes criticism, is the path towards a thriving ecosystem. So now, it's your turn to listen. We covered a lot, but if we didn't ask a question that you think we should have, let us know.Follow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

This episode features Sani Yusuf, a Google Developer Expert and comedian (but not a dancer) who is currently located in London, England, but is originally from Nigeria. Sani teaches us about component inheritance in Angular. Join panelists Aaron Frost, Brian Love, Alyssa Nicoll, and Jennifer Wadella as we tackle the complexities, advantages, and disadvantages, of using class inheritance in Angular.While you may be familiar with class-based inheritance in TypeScript, or potentially other object-oriented programming languages, it is often rare for Angular developers to leverage inheritance in their projects. Sani and the panel surface how Angular developers can leverage inheritance, abstractions, and composition for efficient strategies for solving challenges in our projects.A key takeaway that Sani teaches us is that we should not be chasing after the use of inheritance in our Angular projects, rather, inheritance opportunities will announce themselves in your projects. When you find yourself duplicating code, or needing to manipulate data or behaviors in components, this could be a potential use case for abstraction or inheritance.Finally, the panelists share some of their favorite streaming shows that they are loving when staying at home. Plus, as as an added bonus, Jennifer shares with us a recipe for gooey butter cake.Follow us on X:@DevLifePodcastThe DevLIfe Podcast  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        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5