AdventureWorks DNA contest entry on Angular Attack!

Greetings my fellow coders!

We were busy this past weekend, having fun working on a coding contest entry for Angular Attack. We learned so much about Angular 2, deployment with Surge, Azure, code generation, and have a lot of new ideas and tasks to work on.

Our entry:

View the screencast:

Special thank you to John Papa, Scott Allen, Julie Lerman, Deborah KurataJoe EamesShawn Wildermuth, and the rest of the crew for all the awesome training content!

Some of the resource we used:

Let’s go play with some code!

Google and Microsoft had a Baby Called Angular 2 w TypeScript, and it’s Beautiful!

Greetings my fellow coders!

It is an exciting time to be a coder, even a front-end web coder.

Angular 2 with TypeScript has been such a delight to work with to build digital life, web apps, and I look forward to hybrid-mobile and desktop development with them.

The strongly-typed nature of TypeScript and the object-oriented concepts that ES6 enabled, has made refactoring and efficiency high, as well as made our code-base so much smaller and maintainable. It is not like I have not used OOP object oriented programming before in .NET and JAVA, but I was just blown away by what can now be achieved in a browser running ES5.

Some highlights have been:

  • intellisense/autocomplete
  • design-time/type errors
  • inheritance
  • generics
  • binding to standard ES6 classes instead of Angular 1.x $scope

… to be continued

Let’s go play with some code!

Our Favorite Visual Studio Code Shortcuts

Greetings my fellow coders!


Here are some of our favorite short-cuts for Visual Studio Code. We will update it continually. What are some of yours? We’d love to learn and share!

UPDATE: 20160316 – Wow! Code folding made it recently!
Fold (Ctrl+Shift+[) folds the innermost uncollapsed region at the cursor
Unfold (Ctrl+Shift+]) unfolds the collapsed region at the cursor
Fold All (Ctrl+Shift+Alt+[) folds all region in the editor
Unfold All (Ctrl+Shift+Alt+]) unfolds all regions in the editor

Find Files: Ctrl-p, then just start typing

List Actions: Ctrl-p then ?

Commands: Ctrl-p then >

Format code: Shift-alt-f

Comment/uncomment code: Ctrl-/

Reload window: Ctrl-p, then > then start typing “reload”

User settings: Ctrl-p > Preferences: open user settings

Search all: Ctrl-shift-f or the 2nd menu item

Replace: Ctrl-h

Save all: Alt-f, then a

Zoom in or out entire IDE text: Ctrl and + or –


Let’s go play with some code!

Angular 2 Getting Started Guide

Greetings my fellow coders!

These are some of the best Angular 2 resources we have found. We would recommend going through these in this order if you are just getting started.

  1. Angular 2 First Look video by John Papa if you have a PluralSight subscription:
  2. Angular 2 lessons on egghead. Great free content.
  3. The official Angular 2 site. Go through the docs! The 5 Minute Quickstart, tutorial, developer guides, API, are great!
  4. AngularJS 2.0 cheatsheet:
  5. A curated list of awesome Angular 2 resources:
  6. Angular 2 source code. Great to contribute or understand what is under the hood.


Let’s go play with some code!

What is AngularJS 2.0?

Greetings my fellow Coders!


  • Front-end Web TypeScript/JavaScript MVC/MVVM/MV* UI framework for SPA (Single Page Applications)
  • Rewrite of version 1.x/not backwards compatible
  • May 2015 Google previewed
  • Version 1 debuted in 2009

Why Use It?

  • Build complex elegant web or hybrid-mobile apps
  • Full-fledged framework as opposed to a small library. Not just the V (View) but also the controller/ViewModel, etc.
    • Routing
    • Binding
    • Many improvements over 1.x, lessons learned to carry over best practices
      • Performance
      • Simplified
      • adheres more to current and future standards
      • Web components
    • Productivity with more promotion/usage of TypeScript, which aids productivity around
      • compile-time checking
      • auto-complete/intellisense
      • tooling support for classes, interfaces

When not to use it; concerns

  • When you need need native apps for squeezing out maximum performance (NativeScript tries to address some of this by building native apps from one JavaScript code-base)
  • SEO may be more complicated (isomorphic/universal nature tries to address this by rending on the server)
  • React may be faster in some scenarios for the view/rendering (Angular 2 is much faster than Angular 1, and close to React with it’s own implementation of the shadow DOM)
  • Size/payload may be larger than some other libraries (libraries and modularity still being optimized at the time of this writing)

Let’s go play with some code!


Angular Architects blog has arrived!

Greetings my fellow Coders!

We at .NET Architects, Inc. love Angular JS, and no one can stop us from learning and sharing information about Angular JS. We will focus on Angular JS and it’s related technologies like Angular 2, TypeScript, Material Design, NG6, webpack, gulp, Visual Studio Code, and keep it really focused, no fluff, essentials. Think “Cave-Man talk”.

Let’s play with some code!