The Angular Plus Show

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: 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

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: 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 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: 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

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: 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

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: 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 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: 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 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: 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, Kseniya Lifanova from Upstate Interactive joins panelists Aaron Frost, Alyssa Nicoll, Brian Love, and Shai Reznik to share her insights on Women in Technology. Kseniya's background is in business and finance, and after about 7 years in accountancy and finance, she found her passion for technology.She attended an introduction to web development night-school and fell in love with building things. But, one of the first things she noticed in tech, was that it was mostly men. She decided to co-found a women-in-tech coding group in Syracuse, NY to teach other women about technology, coding, and the web. You might be wondering, why are there women-specific groups? Kseniya shares with us the intimidation that some women feel when attending events that are predominantly attended by men. She also shares how she wanted to learn with and be around other women.If you're an organizer for a meetup, event, conference, or other event, this episode is critical to listen to. Join us as we learn from Kseniya how we can lower barriers to entry, make women feel comfortable and invited, and lift up women in technology.Show Notes:► https://www.nytimes.com/2019/02/13/magazine/women-coding-computer-programming.html► https://www.amazon.com/Accidental-Superpower-Generation-American-Preeminence/dp/1455583685Follow 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, Jeff Whelpley, Google Developer Expert in Angular, shares his expansive knowledge of Search Engine Optimization (SEO) with panelists Aaron Frost, Alyssa Nicol, Brian Love, and Jennifer Wadella. We talk about some of the basics of on-page optimizations such as Time to Interactive, First Meaningful Paint, etc. and the implications for Angular applications.Angular applications, in the context of the browser, are client-based and are built in the browser at runtime. While this provides many benefits to the user experience, it also comes with several challenges for SEO. Aaron and Jeff share some insight into these challenges, as well as the current solutions, including Scully for static prerendering and Angular Universal for server-side rendering.Finally, Jeff shares with us what Angular developers can do to optimize their applications for improved search engine result page rankings, including duplicated content, meta information, interlinking pages, crawl budgets, indexing, inbound links to leaf pages, and more.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

In this episode, Sam Julien, Google Developer Expert in Angular, Auth0 developer advocate, and expert (blue belt 🥋) in authentication, shares best practices for authentication and security in Angular.Authentication is necessary for most applications, but often, is either an afterthought or a once-and-done feature. This leads to potential issues as the security landscape shifts. While you _can_ roll your own solution for authentication, generating, validating, and refreshing token, an identity solution from a third-party provider may be something you want to consider. An identity service allows teams to focus on building apps and features, outsourcing the complexities of authentication using a JavaScript SDK. Sam walks us through implementing authentication in Angular using HTTP interceptors, route guards, storing authentication tokens, and state.Panelists Aaron Frost, Jennifer Wadella, & Brian Love then segue into recapping ng-conf: Hardwired 2020, which you can enjoy in its full talk-by-talk entirety at https://videos.ng-conf.org/.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