HTTP Client usage in Angular

In this section, thought to talk about HTTP-Client usage in angular and how its different from existing HTTP Module. It has RxJS Observable-based API. It means that the multiple calls to the HTTP module will return an observable, which we need to subscribe.

Salient Features:-

  • If we don’t subscribe to these observables, it won’t work.
  • If we subscribe multiple times to these observables, multiple HTTP requests will be triggered.
  • If HTTP request is successful, it will emit only one value and then complete
  • If HTTP request fails, then these observables will emit an error.

Continue reading “HTTP Client usage in Angular” »

226 total views, 3 views today

Building Single Page App using ASP.NET Core and Angular


Amazon Link:-

You can also find Chander’s View about the book here

Hi Friends,

Thought to share my latest project in collaboration with Chander Dhall.  Chander and I started discussing on this project couple of months back and thought to collaborate in the project which is going to give more meaningful and professional product as an end result. Before talking anything about this book, I would like to put one disclaimer ahead of time. “This book doesn’t mean for freshers or for those computer professionals” . This I am saying because this book uses tons of client/server and many more sophisticated concepts which may appear overwhelming to freshers or to those just started programming. This book is all about how to marry all these technologies together and come out with a final industry standard product. Hence this book is meant for professionals who are good with basics at least. Having said that, now let me give glimpse of the book with complete first chapter.

Continue reading “Building Single Page App using ASP.NET Core and Angular” »

231 total views, 2 views today

Running Multiple Angular SPA using NRWL

Hi Friends,

In this section, we will talk about handling multi-spa scenario with one of the libraries provided by NRWL team. An Nx workspace is pretty much same as angular cli. Main advantage of this, it supports multiple angular application in a single repo. The @nrwl/schematics scope package comes with a binary for running the schematics for generating new workspace. We can start with installing npm i -g @nrwl/schematics.

Continue reading “Running Multiple Angular SPA using NRWL” »

375 total views, 1 views today

Site Cannot be installed: No Matching Service Worker expected – PWA

Disclaimer:- This post is for those guys, who have been working with PWAs.

In this section, thought to talk about one issue, which I faced while developing my first PWA (Progressive Web App). Although, I have not spoken about how to get started with PWA in any posts so far. But, will talk about the same in coming days.

Continue reading “Site Cannot be installed: No Matching Service Worker expected – PWA” »

218 total views, 2 views today

Build and Deploy Angular App to Azure from Github via KuduScript

Hi Friends,

In this section, I thought to share deploying any app to Azure via Github. Building app and pushing the same on Git is no brainier. But, deployment on Azure is bit tricky here.

Continue reading “Build and Deploy Angular App to Azure from Github via KuduScript” »

620 total views, no views today

Reactive Forms in Angular – Part 1

In the last section, we have understood how to use template driven forms in Angular. In this section, we will focus on how to make use of reactive forms. This approach allows user to create form in greater detail. Here, we will create the forms programmatically in TypeScript.

Continue reading “Reactive Forms in Angular – Part 1” »

542 total views, no views today

Angular Forms – Template Driven Part 2


In the last section, we have seen how to register controls, how we can submit the form and also which properties this form has. In this section, we will extend the Forms learning from the last point. Basically, we will see start with local reference way of accessing the form. Therefore, when I mention, local reference, it means I am referring to @ViewChild() property.

Continue reading “Angular Forms – Template Driven Part 2” »

471 total views, no views today