Rather, Angular is meant for full-scale client-side application development of applications that consist of many pages and components that need to interact with each other.

Angular is a heavy front-end framework, so it's not really a tool you want to “just drop into” a webpage for some add-on functionality. It's far-and-away the most popular client-side JavaScript framework today and is integrated into major sites as well as a host of third-party frameworks, such as Ionic, Telerik's Web/Mobile platform and many more. It's now been out for about a half a year, and has been widely adopted. The client-side front end in the AlbumViewer application uses Angular 2. The concepts are similar but the execution is very different. The step-by-step code described in this article is somewhat simplified to cover the core concepts and keep it short enough to present here.Īngular 2 is a drastic departure from Angular 1. AlbumViewer Github Repository: If you want to follow along with this article, make sure to first clone or copy the GitHub repo and take a look at the Readme.md for installation instructions and how to get the ASP.NET Core server-side application running.To get an idea of what I'm talking about, you can check out the live AlbumViewer application and the source code on GitHub:

In my next article, I'll delve into more detail and the little things you need to deal with beyond the basics. This article is meant as a getting-started guide that provides all the pieces you need to create your first Angular application.

In this article, I start from scratch with Angular project creation, move on to the build process, and then creating your first Angular pages that load content from your Web and let you edit that data. In this article, I want to dive into the client side and discuss how you can create an AngularJS application to interface with your Web API. In that article, I focused entirely on the server side. In my last article (CODE Magazine Jan/Feb 2017), I covered creating a full-featured ASP.NET Core API back end for an AlbumViewer sample application.

Web api angular adventure game