Angular for strongly typed people


I’ve been working with C# and other strongly typed languages for a long time. Because of that, it was pretty natural for me to go the TypeScript route when delving into AngularJS. Turns out that that is also the perfect preparation for Angular2 which doesn’t hurt.

I love to share what I learn. So I have put together blog-series with a small app written in AngularJS/TypeScript. The app will also call an ASP.NET Web API.

  1. Setting things up
  2. Controllers
  3. a) ASP.NET Web API b) Services
  4. Filters
  5. Routes
  6. Bonus: Resource Mocking

I am using the Visual Studio TypeScript transpiler here.  If that is not your cup of tea you can use gulp along with another transpiler instead.

The finished product will be a store listing for a shopping mall and a store details page

storelisting

Pre-requisites

Install Visual Studio 2015 Update 1 (VS Code works too)

Everything should work in Visual Studio Code or other editors for that matter. At times I will do things “the Visual Studio way” so you may need to do things a little bit different in other tools.

Install tsd

tsd is a TypeScript definition package manager for Definitely Typed.  You can find the install instructions at https://github.com/DefinitelyTyped/tsd.

Download my starter project

To get things started I have created a base project at https://github.com/TessFerrandez/TheMall.  There you can also find the code for all the individual blog posts.

The sample is loosely based on Stacey Mulcahy’s sample from the “Intro to Angular” MVA course.

If you are completely new to TypeScript, you might want to check out the TypeScript playground and play with some of the samples

Next: Setting Things Up

Comments (0)

Skip to main content