CodeChat 061 - Talking TypeScript and Angular 2.0 with Bill Wagner

Sign in to queue

Description

Bill is like me in at least one way - he loves TypeScript and Angular 2.0.

I pulled Bill aside during the Build conference and we had a little chat about TypeScript - a typed superset of JavaScript - and Angular 2.0 - the new version of Google's popular web framework.

This language/framework combination makes working with client-side web apps a dream.

You can also see Bill cover the topic in more detail in his Channel 9 episode Angular 2.0 with TypeScript by Bill Wagner.

If you want to check out TypeScript, go to typescriptlang.org, and Angular 2.0 can be found at angular.io.

If you happen to be looking for a good reference project, you can follow my Waterbug project on GitHub.

Embed

Download

The Discussion

  • User profile image
    geeyef

    I've been playing around with Angular 2 and TypeScript via the tutorial at the Angular website but I really want to get this going in VS2015. Since there's no NuGet package for it yet (which is really surprising to me) is there a way I can integrate Angular 2 into a VS web app? Perhaps a package.json either of you could share? Thanks.

  • User profile image
    codefoster

    @geeyef, since Angular is the stuff that gets sent to the client and processed there, it's should be a snap to get it going in whatever server side code you're using (i.e. Node/Express, ASP.NET, PHP, etc.).

    I suggest you start by creating your ASP.NET web app. Then find a good starter project for Angular 2.0. There are a lot of them. You could use my waterbug-ui project as a starting point if you want. Then just copy that project into a folder in your ASP.NET project. A lot of people put it in a folder called public.

    The hard part whenever you're using a client-side framework like Angular inside of a server-side framework like ASP.NET is figuring out what you what code you want to run where. Some sites, pages, and tasks are best executed on the server side, some are best on the client side, and overall you may have a hybrid site. You may even (I hope not) run in scenarios where the server is generating client-side code.

    Modern sites, however, tend to be more simple and single-purpose (and that's a good thing) and will only be either have server-side or a client-side logic. Certainly if you're just learning Angular 2.0 and ASP.NET Core 1.0, then it might be a good idea to learn them separately.

    Good luck!

  • User profile image
    LayZee

    @geeyef:Use bower (or NPM) integrated into Visual Studio 2015 by opening package.json or bower.json. I suggest NPM for dev dependencies (Gulp/Grunt, Sass, etc.), and Bower for JS frameworks, libraries, etc. NuGet is for server-side packages, and the MS team does not want to continue keeping the JS packages that are on NuGet up to date or add to that list.

Add Your 2 Cents