Open in app

Sign In

Write

Sign In

Balram Chavan
Balram Chavan

2.4K Followers

Home

Books

About

Featured Book

Object Oriented Programming with Angular
Object Oriented Programming with Angular

This book leverages your prior programming knowledge (Microsoft .NET, C#, Windows Forms, WPF, etc.) to show you how to build enterprise web applications using Angular.

2020

·
Balram Morsing Chavan
Balram Morsing Chavan

Stories

Aug 21

Disable mouse wheel scroll on <input type=”number”> Angular

The native <input type="number"> element will update values upwards and downwards when you use mouse wheel scroll. Though it might be a desired user experience, sometimes you will find in a situation where a user is scrolling the page, and instead it updates the <input> value. If you would like…

Angular

1 min read

Angular

1 min read


Aug 3

How to intercept XMLHttpRequest (Xhr) requests in Angular + HttpInterceptor

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…

Angular

5 min read

How to intercept XMLHttpRequest (Xhr) requests in Angular + HttpInterceptor
How to intercept XMLHttpRequest (Xhr) requests in Angular + HttpInterceptor
Angular

5 min read


Jul 30

Angular Cache —What’s inside and how it improves Angular build timing on local and CI pipeline

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. In this story, we will dig deep into…

Angular

6 min read

Angular Cache —What’s inside and how it improves Angular build timing on local and CI pipeline
Angular Cache —What’s inside and how it improves Angular build timing on local and CI pipeline
Angular

6 min read


Feb 8

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. 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…

Angular

9 min read

Angular Interview Questions for Senior/Staff/Architect developer position [Part 2–2023]
Angular Interview Questions for Senior/Staff/Architect developer position [Part 2–2023]
Angular

9 min read


Feb 7

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

Angular

7 min read

Angular Interview Questions for Senior/Staff/Architect developer position [Part 1–2023]
Angular Interview Questions for Senior/Staff/Architect developer position [Part 1–2023]
Angular

7 min read


Jan 22

Create Angular Library NPM/YARN project with backward version support

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. …

Angular

7 min read

Create Angular Library NPM/YARN project with backward version support
Create Angular Library NPM/YARN project with backward version support
Angular

7 min read


Jan 15

Create Beautiful QR Codes in Angular — ngx-angular-qrcode — libray package

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

Angular

2 min read

Create Beautiful QR Codes in Angular — ngx-angular-qrcode — libray package
Create Beautiful QR Codes in Angular — ngx-angular-qrcode — libray package
Angular

2 min read


Dec 20, 2022

Organize imports using Smart Import Visual Studio Code Extension — TypeScript — Angular, Reactjs, Vuejs, Nodejs

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. …

Angular

2 min read

Organize imports using Smart Import Visual Studio Code Extension — TypeScript — Angular, Reactjs…
Organize imports using Smart Import Visual Studio Code Extension — TypeScript — Angular, Reactjs…
Angular

2 min read


Dec 15, 2022

Angular Dependency Injection — Using “Injector” Service instead of long list of services in Component’s constructor

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…

Angular

2 min read

Angular Dependency Injection — Using “Injector” Service instead of long list of services in…
Angular Dependency Injection — Using “Injector” Service instead of long list of services in…
Angular

2 min read


Dec 12, 2022

5 Rappen CHF rounding (Rounding to nearest 5 cents) + Swiss Franc + Angular Pipe

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 …

Angular

2 min read

5 Rappen CHF rounding (Rounding to nearest 5 cents) + Swiss Franc + Angular Pipe
5 Rappen CHF rounding (Rounding to nearest 5 cents) + Swiss Franc + Angular Pipe
Angular

2 min read

Balram Chavan

Balram Chavan

2.4K Followers

Book Author

Google Developer Expert Angular | Architect | Author | https://www.linkedin.com/in/balram-chavan | https://www.hiretheauthor.com/balramchavan

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams