Tutorial: How to Build a Web Application using ASP.NET Core and Angular

Modern distributed systems on the Web today consist of many different parts, systems and technologies. Frontend and backend are two very important elements of a current web application. For maximum flexibility, you can completely separate these parts and let a running in the browser, your own application as a front end with a REST service in the backend communicate.

Choosing a front-end framework is not easy, but in recent times Angular has not only highlighted a good “separation of concerns” concept and good synchronization mechanisms of model, view, architecture and high performance. Also, the regularity with which new versions appear, the Angular CLI and not least the Internet giant Google with Long Term Support are helping to put more and more business applications on the Web on the Angular platform.

In the backend, Microsoft has at least since version 2.x thrown off the old coat with ASP.NET Core and comes new, lean and, above all, fast. Live reload, middleware, speed, and cross-platform capability are just some of the reasons ASP.NET Core should be more than just a look.

In this article I want to explain the components and advantages of a front end with Angular and a REST backend with ASP.NET Core and how to program these parts of a web application. As an example, we program a book tracker that contains a bookmark for books that you can mark as read. You can also add new books and edit existing ones. The complete source code is of course available on GitHub.

Read more…