Issue #42: NgDoBootstrap in Angular, Angular NgOptimizedImage directive, Angular Component Testing, Web Security with Angular with Alisa Duncan

#ngTutorials

The NgOptimizedImage directive in Angular is responsible for implementing performance best practices when loading images. It’s available in Angular v14.2.0. The directive is marked as standalone and can be imported into standalone components and modules.

NgDoBootstrap is a lifecycle hook in Angular that allows you to customize the bootstrapping logic of your Angular Application. It is executed if no component is provided in the bootstrap array in the AppModule and delegates the bootstrap logic to you. In this video, we will come to this feature by investigating the source code starting from the main.ts file in Angular, diving into the source code, and seeing this lifecycle hook in action.

In this video, we investigate how to use custom directives, TypeScript generics, and ngTemplateContextGuard to add strong typing to the ng-templates in the generic table component from the last video.

...Typically, the environment.ts files are used for this, which are usually already created automatically by the Angular CLI for new projects. In this article, I present an alternative approach to load the environment parameters as well as the benefits it offers.

We are excited to announce that in Cypress version 10.5 we’ve added support for Component Testing in Angular! Cypress Component Testing provides a testable component workbench for you to quickly build and test your Angular components regardless of complexity, directly in the browser using the same Cypress API many of you have been using for years.

In this video you will learn how to create an Angular component dynamically. Furthermore, you will learn how to create multiple dynamic components based on configuration settings.

#ngPodcasts

As Angular developers, we have a lot to be thankful for, including the built-in web security. Web Security is a topic that we could not do justice to in a matter of a single podcast episode. With that said, we welcome Alisa Duncan, a Senior Developer Advocate at Okta, and Google Developer Expert. Alisa loves learning and sharing with the community. In this episode, we dive into the OWASP top 10 list from 2021 that shows the most common vulnerabilities that are exposed in web applications, and then we break down how Angular helps us to avoid these vulnerabilities in our applications.

In this episode we talk with Alfredo Perez, a rising star in the community who shares his developer journey from his roots in Mexico to becoming a Staff UI Engineer, a trusted coach and mentor, and becoming an accepted speaker at ng-conf. Alfredo shares some inspiring insights on topics like how to lower the barriers into tech for those from other countries & how companies and teams can work to improve the developer experience for entry level and more-seasoned developers alike.

Today on the show, Charles and Subrat interview Miroslav Jonas to discuss various approaches related to monorepos, linting and CI. 

#ngCommunity

👉 easiest & quickest way to get started

👉 everything preconfigured

👉 batteries included, focus on what matters

👉 #reactjs #express #node #angular #jest #cypress #storybook...

I contributed a Docusaurus website with documentation and end-to-end tests for Analog.js, the upcoming meta-framework for Angular using Vite

#ngQuote