Issue #42: NgDoBootstrap in Angular, Angular NgOptimizedImage directive, Angular Component Testing, Web Security with Angular with Alisa Duncan
#ngTutorials
Using Angular NgOptimizedImage to Implement Image Loading Best Practices | by Netanel Basal — netbasal.com
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 in Angular - Lifecycle Hook You Probably Didn't Know | by Decoded Frontend (Dmytro Mezhenskyi) — www.youtube.com
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.
This random PR taught me how to strongly type my generic Angular component | by Joshua Morony — www.youtube.com
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.
Angular — environment configuration at runtime | by Fabian Saacke — levelup.gitconnected.com
...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.
Getting Started with Angular Component Testing | by Cypress.io — www.youtube.com
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.
Learn How to Create Dynamic Component in Angular | by Code Shots With Profanis — www.youtube.com
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
S4 E1 - Web Security with Angular with Alisa Duncan | by The Angular Plus Show — www.spreaker.com
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.
S2E29 | Alfredo Perez on Mexico, Hobbits, & Career Growth | by Angular Experience — www.spreaker.com
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.
Monorepos, Linting, and CI, Oh My! - AiA 354 | by Adventures in Angular — topenddevs.com
Today on the show, Charles and Subrat interview Miroslav Jonas to discuss various approaches related to monorepos, linting and CI.
#ngCommunity
Nx in 100 seconds | by Juri Strumpflohner — twitter.com
👉 easiest & quickest way to get started
👉 everything preconfigured
👉 batteries included, focus on what matters
👉 #reactjs #express #node #angular #jest #cypress #storybook...
Docusaurus website for Analog.js - the full-stack meta-framework for Angular using Vite | by Lars Gyrup Brink Nielsen — dev.to
I contributed a Docusaurus website with documentation and end-to-end tests for Analog.js, the upcoming meta-framework for Angular using Vite
#ngQuote
"The goal is to minimize the amount of a program you have to think about at any one time. You might think of this as mental juggling—the more mental balls the program requires you to keep in the air at once, the more likely you'll drop one of the balls, leading to a design or coding error" - Steve McConnell — www.goodreads.com