Completing the walking skeleton

Angular Notes

package.json is the master package file.  node_modules can be recreated from this.  No need to put node_modules into source control

node packages (from npm) can be installed either locally for a project or globally for any project.  The local one will win out if you need a specific version.

How the Angular project bootstraps -

app,module.ts - decorated with @NgModule boostraps angular component(s). 
app.component.ts - decorated with @Component this is the root component for the app
app.component.html - root level html - standard html with {{}} interpolation

main.ts - this bootstraps the app module
index.html - this is the SPA and it has <app-root></app-root> in it.  Webpack adds in the javascript files that are needed to implement the app

angular.json - window into the webpacking.  configures the above

Angular Extensions

Angular Files - Quickly scaffold angular file templates
Angular Language Service - Editor services for Angular templates
Angular Snippets (Version 9)
angular2-switcher - Easily navigate to `typescript`|`template`|`style` in angular2 project.
Auto Rename Tag - Auto rename paired HTML/XML tag
Auto rename paired HTML/XML tag - A customizable extension for colorizing matching brackets
Debugger for Chrome
Material Icon Theme - Material Design Icons for Visual Studio Code NICE!
Prettier - Code formatter
TSLint - TSLint support for Visual Studio Code

Styling 

Bootstrap - css framework to give styling assistance
Font Awesome - icon set

Angular and jQuery

Bootstrap has components in it that use jQuery to manipulate the DOM.  These really should only be used if developing an app with Bootstrap and not Angular.  There is an Angular version of Boostrap that we can use in Angular projects to remain purely Angular.

Git

> git init

Add .gitignore file and stage the changes then

> git remote add origin https://mlbconsulting.visualstudio.com/ContractorMarketIntelligence/_git/DatingAppDemo

Then push the changes to the remote repo