The Angular provides HttpInterceptor to intercept all network requests made by Http or HttpClient service so that you can add headers like Authorization or AppId tokens. But it doesn’t intercept XmlHttpRequest (XHR) requests made explicitly. In this story, we will see how to intercept XHR requests in Angular. Angular HttpInterceptor: When you…

If you have an Angular project from version 13 onward, you must have noticed the folder called .angular in your source code. This feature allows Angular CLI to cache the previous builds to reduce the build operations and improves the build time. …

Let’s continue for Part2. If you have missed Part1 of this story, then do check it out here. Angular Interview Questions for Senior/Staff/Architect developer position [Part 1–2023] In this story, we will see what to ask, expect, and prepare for a Senior/Staff and an Architect Angular…balramchavan.medium.com 1. How do you make sure your Angular application is secure? [Interviewer(s)]: In this question, I would like to see how deep the candidate wants to go in security topic. I would keep an eye on topics like, OWASP guidelines for general web…

In this story, we will see what to ask, expect, and prepare for a Senior/Staff and an Architect Angular Developer/Engineer position. To keep content readable, this story will be split into different parts. Angular Interview Questions for Senior/Staff/Architect developer position [Part 2–2023] Angular Interview Questions for Senior/Staff/Architect developer position [Part 2–2023] Let’s continue for Part2. If you have missed Part1 of this story, then do check it out here.balramchavan.medium.com

Have you ever wanted to publish your own Angular library project on NPM package repository? In this story, we will create an Angular library project ngx-highlight-text to highlight a text element, and publish it on NPM to be publically available. …

The ngx-angular-qrcode library will ease creating beautiful QR Codes in your Angular application. This library supports Angular version 9…

If you haven’t read the below story, do check it out. It explains in details about index.ts file. Smarter way to organize “import” statements using “index.ts” file(s) in Angular UPDATE: I have published a Visual Studio Code Extension to automate this process. Check it out.balramchavan.medium.com In any TypeScript based application like Angular, managing imports is one of the tedious jobs. As the application grows, the number of individual TypeScript files grows proportionally. …

The Angular framework provides Dependency Injection (DI) out of the box. The easiest way to understand DI is to “Delegate creation of instance task to a global authority and just ask for the instance when you want to use it”. Let’s make it simple, when we create a new service…

How would you implement conversation logic for below requirements? For example, Values between CHF 0,975 and CHF 1,024 will be rounded to CHF 1,00 Values between CHF 1,025 and CHF 1,074 will be rounded to CHF 1,05 Values between CHF 1,075 and CHF 1,124 will be rounded to CHF 1,10 …