AZ900:2024 Describe Azure architecture and services (35–40%)

Disclaimer This blog is part of a 3 part series covering the 2024 AZ900 study guide. While there is tremendous value in going through this blog even if you are not writing the exam , please be aware that the content is centered around the exam. As with any exam , the curriculum and the …

Understanding Zone.js in Angular

Zone.js in Angular Zone.js plays a pivotal role in Angular’s change detection mechanism by helping signal Angular when to perform a change detection cycle. When asynchronous operations are initiated within Angular’s context, Zone.js ensures Angular is aware of these operations’ start and completion, allowing Angular to decide when to check for changes. Disclaimer: Angular has …

Image by rawpixel.com on Freepik

Angular: Understanding change detection

Understanding change detection The secret sauce to Angular’s reactivity and performance is in its change detection strategies and the creative application of those strategies. Change detection is an important mechanism for ensuring the application view stays in sync with the underlying data models, and can respond appropriately when there are changes to these data models. …

GITHUB Flow: An infographic

GitHub Flow is a lightweight, branch-based workflow that supports teams and projects where deployments are made regularly. This workflow is easy to understand and implement, making it ideal for collaborative software development projects. Process

Downloading Objects as JSON files in Angular

In our Angular applications , we often create rich data objects that give us insight into how our application is behaving. Whether we’re creating complex state management objects , error logs or diagnostics ,what if you wanted to export this data for further analysis or for users to download? In this blog post, we’ll explore …

Getting started with source map explorer in Angular

What are Source Maps? Source maps are a crucial tool for modern web development, especially in projects that involve complex frameworks like Angular. At their core, source maps are files that map the generated, minified, or transpiled code back to its original source code. They contain information about the relationship between your source code and …

Angular HTTP Interceptors: creating a custom http diagnostics report

What is an Angular Interceptor? Angular interceptors are a powerful mechanism that allows you to intercept HTTP requests and responses. They are a part of Angular’s HTTP client module and can be used to perform various tasks, such as adding headers to requests, handling errors, or, in our case, logging network calls. Creating the HTTP …

Creating a generic session storage implementation in Angular

Creating a generic session storage mechanism in Angular Managing data between page reloads and user interactions is a common challenge. One powerful solution to this problem is the use of browser storage mechanisms like session storage. However, working with session storage can be a complex task, especially when it involves handling different types of data. …