CodeChat 061 - Talking TypeScript and Angular 2.0 with Bill Wagner

Download this episode

Download Video

Download captions

Download Captions

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

Format

Available formats for this video:

Actual format may change based on video formats available and browser capability.

    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.

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to send us feedback you can Contact Us.