Calendar Component in Angular Material: The Missing Guide

In this post, you'll learn how to use Angular Material calendar component without date picker input. The calendar component allows date selection in a month view, which could be useful for a wide range of use cases such as booking forms. In addition to displaying a calendar, we will validate…

How I Passed Microsoft Azure Fundamentals Exam (AZ-900)

Microsoft Azure Fundamentals (AZ-900) is an entry-level exam that covers the fundamentals of Azure cloud services, pricing, security and compliance. Pass this exam and you'll earn a Microsoft certification, which is a great way to prove your knowledge of cloud concepts. Why Azure? It is mainly because of my professional…

Making Styles Work with [innerHtml] in Angular

In this post, we'll look at how we can apply styles to html content rendered via innerHtml attribute. By default, styles defined in an Angular component only work in that specific component. This is due to the Emulated view encapsulation policy set by Angular. This logical scope is great because…

  • Post category:Angular
  • Post comments:0 Comments
  • Reading time:2 mins read

AZ-900 Exam Practice Questions with Answers

This is a huge list of practice questions for Microsoft Azure Fundamentals (AZ-900) exam with answers. Question You need to deploy a serverless solution that meets the following requirements: Execution is triggered through an HTTP request.You pay only for the time that your code runs.You do not have to manage…

How to Use Angular Material Theme Colours in Your Components

Angular Material comes with pre-built themes to make getting started easy. Once you've picked a theme such as indigo-pink, you may want to re-use the base colours in your own components for consistency. Instead of creating your own scss variables, I would suggest copying base colours from Angular Material. Let's…

How to Switch Git Branch with Local Changes

I find myself working on the wrong branch locally far too many times - enough to write a post about it. If you have been working on the wrong branch, your commit could be blocked by git: Please, commit your changes or stash them before you can switch branches. Git…

  • Post category:Git
  • Post comments:0 Comments
  • Reading time:2 mins read

How to Queue Messages Sent to LiveAnnouncer

Angular provides LiveAnnouncer service to trigger screen reader announcements programmatically. It works well in simple scenarios but fails to queue messages when used concurrently. In this post, I will show you how to extend LiveAnnouncer to announce simultaneous messages. Problem demonstration There are many things to consider when it comes…

  • Post category:Angular
  • Post comments:0 Comments
  • Reading time:3 mins read

Automate API Documentation with NSwag

Producing documentation is a laborious task that most developers dislike. Considering software delivery is an iterative approach, maintaining documentation becomes a full time work, especially for public APIs. For small teams and solo devs, tools like NSwag can do the heavy lifting of creating and maintaining documentation. Benefits of NSwag:…

  • Post category:.NET Core
  • Post comments:0 Comments
  • Reading time:7 mins read

Generating a SQL Database with Entity Framework Core in a Web API Project

Learn how to generate a database with a code-first flow using EntityFramework Core in a Web API project. TL;DR: This article will show you how to build your Web API with the new ASP.NET Core 3.1 and how to integrate with EntityFramework Core in order to provide a backing database for…

  • Post category:.NET Core
  • Post comments:0 Comments
  • Reading time:5 mins read

Enable CORS in .NET Core

Due to the same-origin policy, most browsers restrict making requests to different domains than the originally served the website. This is a security feature that prevents a harmful site from accessing sensitive data on other sites. If you are developing an API though, cross-origin requests (CORS) are something you want…

  • Post category:.NET Core
  • Post comments:0 Comments
  • Reading time:2 mins read

5 Angular CLI Tips You Should Know

As Angular developers, we often interact with the command-line interface (CLI) to scaffold components and manage packages. It is very important to master the CLI to make sure your development flow is smooth. Having developed several Angular applications myself, I have come to realise the 5 tips below. Shorten commands…

  • Post category:Angular
  • Post comments:0 Comments
  • Reading time:4 mins read

How to Use PDFjs to Parse PDF Documents in Angular

In this post, I'll show you how to parse a PDF document in Angular. We will extract full text content of a PDF file using pdfjs-dist library. Generate a new Angular application, if you do not have one already: ng new PdfReader Install the latest version of pdfjs-dist from npm:…

  • Post category:Angular
  • Post comments:5 Comments
  • Reading time:2 mins read

Monitoring Live Angular Apps with Application Insights

In this post, I will explain how you can monitor Angular apps using Microsoft Azure Application Insights. It is not unusual for organisations to ignore monitoring single page applications. Usually, back-end applications such as APIs are monitored via logs, CPU and memory usage. When it comes to front-end, there is…