├── app ├── dummy.ts └── assets │ └── images │ ├── ng-nl.png │ ├── ng-conf.png │ ├── ng-vegas.png │ ├── basic-shield.png │ └── angularconnect-shield.png ├── favicon.ico ├── .gitignore ├── tsconfig.json ├── styles.css ├── readme.MD ├── index.html ├── package.json └── systemjs.config.js /app/dummy.ts: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmcooper/ng2-fundamentals/HEAD/favicon.ico -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | typings 3 | /app/**/*.js 4 | /app/**/*.map 5 | .vscode/ 6 | 7 | 8 | -------------------------------------------------------------------------------- /app/assets/images/ng-nl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmcooper/ng2-fundamentals/HEAD/app/assets/images/ng-nl.png -------------------------------------------------------------------------------- /app/assets/images/ng-conf.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmcooper/ng2-fundamentals/HEAD/app/assets/images/ng-conf.png -------------------------------------------------------------------------------- /app/assets/images/ng-vegas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmcooper/ng2-fundamentals/HEAD/app/assets/images/ng-vegas.png -------------------------------------------------------------------------------- /app/assets/images/basic-shield.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmcooper/ng2-fundamentals/HEAD/app/assets/images/basic-shield.png -------------------------------------------------------------------------------- /app/assets/images/angularconnect-shield.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jmcooper/ng2-fundamentals/HEAD/app/assets/images/angularconnect-shield.png -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es5", 4 | "module": "commonjs", 5 | "moduleResolution": "node", 6 | "sourceMap": true, 7 | "emitDecoratorMetadata": true, 8 | "experimentalDecorators": true, 9 | "removeComments": false, 10 | "noImplicitAny": false, 11 | "suppressImplicitAnyIndexErrors": true, 12 | "typeRoots": [ 13 | "./node_modules/@types/" 14 | ] 15 | }, 16 | "compileOnSave": true, 17 | "exclude": [ 18 | "node_modules/*", 19 | "**/*-aot.ts" 20 | ] 21 | } -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | /* app css stylesheet */ 2 | .hoverwell:hover { 3 | background-color: #485563; 4 | cursor: pointer; 5 | } 6 | 7 | .container { 8 | padding-top: 10px; 9 | } 10 | 11 | .pointable { 12 | cursor: pointer; 13 | } 14 | 15 | button { 16 | color: #555; 17 | } 18 | 19 | [hidden] { 20 | display: none !important; 21 | } 22 | 23 | .toast-success { 24 | background-color: #51a351; 25 | } 26 | .toast-error { 27 | background-color: #bd362f; 28 | } 29 | .toast-info { 30 | background-color: #2f96b4; 31 | } 32 | .toast-warning { 33 | background-color: #f89406; 34 | } -------------------------------------------------------------------------------- /readme.MD: -------------------------------------------------------------------------------- 1 | Angular 2+ Fundamentals Course 2 | ======================== 3 | This is the getting started package for the Pluralsight course on Angular 2 Fundamentals found here: http://app.pluralsight.com/courses/angular-fundamentals 4 | 5 | **Course Status** 6 | 7 | The course is currently up-to-date with **Angular 4.0**. 8 | 9 | Note: This is the course for all versions of Angular since Angular 2.0. The Angular team plans to release a new major version every 6 months and this page will tell you how up-to-date the course is. 10 | 11 | 12 | Getting Started 13 | --------------- 14 | Be sure you're running the recommended node version, which is 6.3.0+: `node --version` 15 | 16 | Follow along with the course linked above. To start the server: 17 | 18 | ``` 19 | npm install 20 | npm start 21 | ``` 22 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | ng Events 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ng2-fundamentals-demo", 3 | "version": "1.0.0", 4 | "scripts": { 5 | "start": "tsc && concurrently \"npm run tsc:w\" \"npm run server\" ", 6 | "server": "node node_modules/ng2f-server/server.js", 7 | "tsc": "tsc", 8 | "tsc:w": "tsc -w" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "MIT", 13 | "dependencies": { 14 | "@angular/common": "4.0.0", 15 | "@angular/compiler": "4.0.0", 16 | "@angular/core": "4.0.0", 17 | "@angular/forms": "4.0.0", 18 | "@angular/http": "4.0.0", 19 | "@angular/platform-browser": "4.0.0", 20 | "@angular/platform-browser-dynamic": "4.0.0", 21 | "@angular/router": "4.0.0", 22 | "systemjs": "0.19.40", 23 | "core-js": "2.4.1", 24 | "rxjs": "5.0.1", 25 | "zone.js": "0.8.4", 26 | "ng2f-bootstrap": "^0.0.4", 27 | "ng2f-server": "^0.2.3" 28 | }, 29 | "devDependencies": { 30 | "concurrently": "3.2.0", 31 | "typescript": "2.1.1", 32 | "@types/core-js": "0.9.34", 33 | "@types/node": "6.0.46" 34 | }, 35 | "repository": {} 36 | } 37 | -------------------------------------------------------------------------------- /systemjs.config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * System configuration for Angular samples 3 | * Adjust as necessary for your application needs. 4 | */ 5 | (function (global) { 6 | System.config({ 7 | paths: { 8 | // paths serve as alias 9 | 'npm:': 'node_modules/' 10 | }, 11 | // map tells the System loader where to look for things 12 | map: { 13 | // our app is within the app folder 14 | app: 'app', 15 | // angular bundles 16 | '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 17 | '@angular/common': 'npm:@angular/common/bundles/common.umd.js', 18 | '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 19 | '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 20 | '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 21 | '@angular/http': 'npm:@angular/http/bundles/http.umd.js', 22 | '@angular/router': 'npm:@angular/router/bundles/router.umd.js', 23 | '@angular/router/upgrade': 'npm:@angular/router/bundles/router-upgrade.umd.js', 24 | '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 25 | '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js', 26 | '@angular/upgrade/static': 'npm:@angular/upgrade/bundles/upgrade-static.umd.js', 27 | // other libraries 28 | 'rxjs': 'npm:rxjs', 29 | }, 30 | // packages tells the System loader how to load when no filename and/or no extension 31 | packages: { 32 | app: { 33 | main: './main.js', 34 | defaultExtension: 'js' 35 | }, 36 | rxjs: { 37 | defaultExtension: 'js' 38 | } 39 | } 40 | }); 41 | })(this); 42 | --------------------------------------------------------------------------------