Improve Exercise setup

[e-schultz]

Currently using SystemJS and CDN's to do exercises, but we don't have proper tsconfig/linting/etc. This can make things difficult to debug at times, and for some developers - they get hung up on linting issues even though their code is fine/runs.

• Do we move to a webpack based setup?
• Would providing typings/tsconfig.json in the folders be enough?
• If we go to a full webpack/npm setup - can we have it so we just need to npm install in the root of exercises - and not need each individual one to require a NPM install?

[jamesbs]

Thoughts on using JSPM? In browser transpilation makes it easier to understand and debug which is especially useful for learning devs who will make more mistakes.

Pros:

• no overhead from having to deal with a separate build directory and source maps
• nice stack traces given on error messages and better debugging
• compile errors shown in browser window, rather than hidden/background console window

Cons:

• maintainance is likely worse/more effort
• losing a chance to expose readers to webpack which we're recommending in the book
• general systemjs/jspm bugs/weirdness

I created a sample app with this kind of setup here: https://github.com/jamesbs/ngc2-exercise-example

[bennett000]

The details on this card are obsolete but the idea still applies to https://github.com/rangle/angular-training-examples I can walk people through what needs to happen here

(a few days work here, define AC with person who is doing the work 20 min)

[jamesbs]

Putting this on hold for now as this requires a discussion involving several people. Please see this PR for a sample setup https://github.com/rangle/angular-training-examples/pull/32