├── 10 ├── blog └── node-app-1.service ├── .gitignore ├── 02 ├── HelloWorldVsCode │ ├── .vscode │ │ ├── launch.json │ │ └── tasks.json │ ├── index.html │ ├── package.json │ ├── tsconfig.json │ ├── user.js │ ├── user.js.map │ └── user.ts ├── testModules │ ├── .vscode │ │ └── tasks.json │ ├── index.html │ ├── index.js │ ├── index.js.map │ ├── index.ts │ ├── module.js │ ├── module.js.map │ ├── module.ts │ ├── package.json │ └── tsconfig.json ├── user.js ├── user.js.map └── user.ts ├── 03 ├── AngularBase │ ├── .vscode │ │ └── tasks.json │ ├── app │ │ ├── app.component.js │ │ ├── app.component.js.map │ │ ├── app.component.ts │ │ ├── app.module.js │ │ ├── app.module.js.map │ │ ├── app.module.ts │ │ ├── boot.js │ │ ├── boot.js.map │ │ └── boot.ts │ ├── index.html │ ├── package.json │ ├── systemjs.config.js │ └── tsconfig.json ├── AngularPanel │ ├── .vscode │ │ └── tasks.json │ ├── app │ │ ├── app.component.html │ │ ├── app.component.js │ │ ├── app.component.js.map │ │ ├── app.component.ts │ │ ├── app.module.js │ │ ├── app.module.js.map │ │ ├── app.module.ts │ │ ├── boot.js │ │ ├── boot.js.map │ │ ├── boot.ts │ │ ├── container.js │ │ ├── container.js.map │ │ ├── container.ts │ │ └── container │ │ │ ├── panel.html │ │ │ ├── panel.js │ │ │ ├── panel.js.map │ │ │ └── panel.ts │ ├── index.html │ ├── package.json │ ├── systemjs.config.js │ └── tsconfig.json └── AngularPlayList │ ├── .vscode │ └── tasks.json │ ├── app │ ├── app.component.html │ ├── app.component.js │ ├── app.component.js.map │ ├── app.component.ts │ ├── app.module.js │ ├── app.module.js.map │ ├── app.module.ts │ ├── boot.js │ ├── boot.js.map │ ├── boot.ts │ ├── config.service.js │ ├── config.service.js.map │ ├── config.service.ts │ ├── video.js │ ├── video.js.map │ ├── video.ts │ ├── videodetail.component.html │ ├── videodetail.component.js │ ├── videodetail.component.js.map │ ├── videodetail.component.ts │ ├── videolist.component.html │ ├── videolist.component.js │ ├── videolist.component.js.map │ └── videolist.component.ts │ ├── index.html │ ├── package.json │ ├── systemjs.config.js │ └── tsconfig.json ├── 04 ├── AngularPlayListConfigService │ ├── .vscode │ │ └── tasks.json │ ├── app │ │ ├── app.component.html │ │ ├── app.component.js │ │ ├── app.component.js.map │ │ ├── app.component.ts │ │ ├── app.module.js │ │ ├── app.module.js.map │ │ ├── app.module.ts │ │ ├── boot.js │ │ ├── boot.js.map │ │ ├── boot.ts │ │ ├── config.service.js │ │ ├── config.service.js.map │ │ ├── config.service.ts │ │ ├── video.js │ │ ├── video.js.map │ │ ├── video.ts │ │ ├── videodetail.component.1.js │ │ ├── videodetail.component.1.js.map │ │ ├── videodetail.component.1.ts │ │ ├── videodetail.component.html │ │ ├── videodetail.component.js │ │ ├── videodetail.component.js.map │ │ ├── videodetail.component.ts │ │ ├── videolist.component.html │ │ ├── videolist.component.js │ │ ├── videolist.component.js.map │ │ └── videolist.component.ts │ ├── index.html │ ├── package.json │ ├── systemjs.config.js │ └── tsconfig.json └── LibraryModules │ ├── .vscode │ └── tasks.json │ ├── app │ ├── app.component.js │ ├── app.component.js.map │ ├── app.component.ts │ ├── boot.js │ ├── boot.js.map │ ├── boot.ts │ ├── model.js │ ├── model.js.map │ ├── model.ts │ └── model │ │ ├── playlist.js │ │ ├── playlist.js.map │ │ ├── playlist.ts │ │ ├── video.js │ │ ├── video.js.map │ │ └── video.ts │ ├── index.html │ ├── package.json │ ├── systemjs.config.js │ └── tsconfig.json ├── 05 └── AngularForms │ ├── .vscode │ └── tasks.json │ ├── app │ ├── app.component.html │ ├── app.component.js │ ├── app.component.js.map │ ├── app.component.ts │ ├── app.module.js │ ├── app.module.js.map │ ├── app.module.ts │ ├── boot.js │ ├── boot.js.map │ ├── boot.ts │ ├── mock.js │ ├── mock.js.map │ ├── mock.ts │ ├── model.js │ ├── model.js.map │ ├── model.ts │ └── model │ │ ├── Person.js │ │ ├── Person.js.map │ │ └── Person.ts │ ├── index.html │ ├── package.json │ ├── styles.css │ ├── systemjs.config.js │ └── tsconfig.json ├── 06 └── AngularHttp │ ├── .vscode │ └── tasks.json │ ├── app │ ├── app.component.js │ ├── app.component.js.map │ ├── app.component.ts │ ├── app.module.js │ ├── app.module.js.map │ ├── app.module.ts │ ├── boot.js │ ├── boot.js.map │ ├── boot.ts │ ├── model.js │ ├── model.js.map │ ├── model.ts │ ├── service.js │ ├── service.js.map │ ├── service.ts │ └── user │ │ ├── user.js │ │ ├── user.js.map │ │ ├── user.service.js │ │ ├── user.service.js.map │ │ ├── user.service.ts │ │ └── user.ts │ ├── index.html │ ├── package.json │ ├── systemjs.config.js │ ├── tsconfig.json │ └── users.json ├── 07 └── AngularRoutes │ ├── .vscode │ └── tasks.json │ ├── app │ ├── app.component.js │ ├── app.component.js.map │ ├── app.component.ts │ ├── app.module.js │ ├── app.module.js.map │ ├── app.module.ts │ ├── app.routing.js │ ├── app.routing.js.map │ ├── app.routing.ts │ ├── boot.js │ ├── boot.js.map │ ├── boot.ts │ ├── dashboard │ │ ├── dashboard.component.js │ │ ├── dashboard.component.js.map │ │ ├── dashboard.component.ts │ │ └── dashboard.html │ ├── home │ │ ├── home.component.js │ │ ├── home.component.js.map │ │ ├── home.component.ts │ │ └── home.html │ └── login │ │ ├── login.component.js │ │ ├── login.component.js.map │ │ ├── login.component.ts │ │ └── login.html │ ├── index.html │ ├── package.json │ ├── systemjs.config.js │ └── tsconfig.json ├── 08 └── blog │ ├── .vscode │ └── tasks.json │ ├── app │ ├── app.component.ts │ ├── boot.ts │ ├── component.ts │ ├── component │ │ ├── addpost.ts │ │ ├── home.ts │ │ └── login.ts │ ├── model.ts │ ├── model │ │ ├── post.ts │ │ └── user.ts │ └── service │ │ ├── headers.ts │ │ ├── login.ts │ │ ├── post.ts │ │ └── user.ts │ ├── model │ ├── post.js │ └── user.js │ ├── package.json │ ├── public │ ├── app │ │ ├── app.component.js │ │ ├── app.component.js.map │ │ ├── boot.js │ │ ├── boot.js.map │ │ ├── component.js │ │ ├── component.js.map │ │ ├── component │ │ │ ├── addpost.js │ │ │ ├── addpost.js.map │ │ │ ├── createaccount.js │ │ │ ├── createaccount.js.map │ │ │ ├── home.js │ │ │ ├── home.js.map │ │ │ ├── login.js │ │ │ └── login.js.map │ │ ├── model.js │ │ ├── model.js.map │ │ ├── model │ │ │ ├── post.js │ │ │ ├── post.js.map │ │ │ ├── user.js │ │ │ └── user.js.map │ │ ├── service.js │ │ ├── service.js.map │ │ └── service │ │ │ ├── headers.js │ │ │ ├── headers.js.map │ │ │ ├── login.js │ │ │ ├── login.js.map │ │ │ ├── post.js │ │ │ ├── post.js.map │ │ │ ├── user.js │ │ │ └── user.js.map │ ├── appComponent.html │ ├── index.html │ └── systemjs.config.js │ ├── server.js │ └── tsconfig.json ├── LICENSE ├── README.md ├── push.bat ├── test.js ├── test.js.map └── test.ts /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | 6 | # Runtime data 7 | pids 8 | *.pid 9 | *.seed 10 | 11 | # Directory for instrumented libs generated by jscoverage/JSCover 12 | lib-cov 13 | 14 | # Coverage directory used by tools like istanbul 15 | coverage 16 | 17 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 18 | .grunt 19 | 20 | # node-waf configuration 21 | .lock-wscript 22 | 23 | # Compiled binary addons (http://nodejs.org/api/addons.html) 24 | build/Release 25 | 26 | # Dependency directory 27 | # https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git 28 | node_modules 29 | 30 | # Optional npm cache directory 31 | .npm 32 | 33 | # Optional REPL history 34 | .node_repl_history 35 | -------------------------------------------------------------------------------- /02/HelloWorldVsCode/.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.2.0", 3 | "configurations": [ 4 | { 5 | "name": "Launch", 6 | "type": "node", 7 | "request": "launch", 8 | "program": "user.js", 9 | "stopOnEntry": false, 10 | "args": [], 11 | "cwd": ".", 12 | "runtimeExecutable": null, 13 | "runtimeArgs": [ 14 | "--nolazy" 15 | ], 16 | "env": { 17 | "NODE_ENV": "development" 18 | }, 19 | "externalConsole": false, 20 | "sourceMaps": true, 21 | "outDir": null 22 | }, 23 | { 24 | "name": "Attach", 25 | "type": "node", 26 | "request": "attach", 27 | "port": 5858 28 | } 29 | ] 30 | } -------------------------------------------------------------------------------- /02/HelloWorldVsCode/.vscode/tasks.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.1.0", 3 | "command": "tsc", 4 | "isShellCommand": true, 5 | "showOutput": "always" 6 | } -------------------------------------------------------------------------------- /02/HelloWorldVsCode/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /02/HelloWorldVsCode/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "HelloWorldVsCode", 3 | "version": "0.0.1", 4 | "description": "A simple hello world project", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "author": "Daniel", 10 | "license": "ISC" 11 | } 12 | -------------------------------------------------------------------------------- /02/HelloWorldVsCode/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es6", 4 | "module": "amd", 5 | "sourceMap": true, 6 | "watch": true 7 | } 8 | } -------------------------------------------------------------------------------- /02/HelloWorldVsCode/user.js: -------------------------------------------------------------------------------- 1 | class User { 2 | constructor(firstname, lastname) { 3 | this.fullname = firstname + " " + lastname; 4 | } 5 | hello() { 6 | return "Hello, " + this.fullname; 7 | } 8 | } 9 | var user = new User("Mary", "Jane"); 10 | document.body.innerHTML = user.hello(); 11 | //# sourceMappingURL=user.js.map -------------------------------------------------------------------------------- /02/HelloWorldVsCode/user.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"user.js","sourceRoot":"","sources":["user.ts"],"names":["User","User.constructor","User.hello"],"mappings":"AAAA;IAEIA,YAAYA,SAAgBA,EAACA,QAAeA;QACxCC,IAAIA,CAACA,QAAQA,GAAGA,SAASA,GAAGA,GAAGA,GAAGA,QAAQA,CAACA;IAC/CA,CAACA;IACJD,KAAKA;QACJE,MAAMA,CAACA,SAASA,GAAGA,IAAIA,CAACA,QAAQA,CAACA;IAClCA,CAACA;AACFF,CAACA;AACD,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACpC,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC"} -------------------------------------------------------------------------------- /02/HelloWorldVsCode/user.ts: -------------------------------------------------------------------------------- 1 | class User { 2 | fullname : string; 3 | constructor(firstname:string,lastname:string) { 4 | this.fullname = firstname + " " + lastname; 5 | } 6 | hello():string{ 7 | return "Hello, " + this.fullname; 8 | } 9 | } 10 | var user = new User("Mary", "Jane"); 11 | document.body.innerHTML = user.hello(); -------------------------------------------------------------------------------- /02/testModules/.vscode/tasks.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.1.0", 3 | "command": "tsc", 4 | "isShellCommand": true, 5 | "showOutput": "silent", 6 | "problemMatcher": "$tsc" 7 | } -------------------------------------------------------------------------------- /02/testModules/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Module Test 6 | 7 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /02/testModules/index.js: -------------------------------------------------------------------------------- 1 | var module_1 = require("module"); 2 | var f = new module_1.foo(); 3 | console.log(f.getHelloWorldFromModule()); 4 | //# sourceMappingURL=index.js.map -------------------------------------------------------------------------------- /02/testModules/index.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,uBAAkB,QAElB,CAAC,CAFyB;AAE1B,IAAI,CAAC,GAAO,IAAI,YAAG,EAAE,CAAC;AACtB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,uBAAuB,EAAE,CAAC,CAAC"} -------------------------------------------------------------------------------- /02/testModules/index.ts: -------------------------------------------------------------------------------- 1 | import {foo} from "module" 2 | 3 | var f:foo = new foo(); 4 | console.log(f.getHelloWorldFromModule()); -------------------------------------------------------------------------------- /02/testModules/module.js: -------------------------------------------------------------------------------- 1 | class foo { 2 | getHelloWorldFromModule() { 3 | return "Hello World from modules"; 4 | } 5 | } 6 | exports.foo = foo; 7 | //# sourceMappingURL=module.js.map -------------------------------------------------------------------------------- /02/testModules/module.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"module.js","sourceRoot":"","sources":["module.ts"],"names":["foo","foo.getHelloWorldFromModule"],"mappings":"AAAA;IACIA,uBAAuBA;QACnBC,MAAMA,CAACA,0BAA0BA,CAACA;IACtCA,CAACA;AACLD,CAACA;AAJY,WAAG,MAIf,CAAA"} -------------------------------------------------------------------------------- /02/testModules/module.ts: -------------------------------------------------------------------------------- 1 | export class foo{ 2 | getHelloWorldFromModule():string{ 3 | return "Hello World from modules"; 4 | } 5 | } -------------------------------------------------------------------------------- /02/testModules/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "testModules", 3 | "version": "0.0.0", 4 | "description": "A test module app", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "tsc" 8 | }, 9 | "keywords": [ 10 | "test", 11 | "module", 12 | "systemjs" 13 | ], 14 | "author": "daniel", 15 | "license": "ISC", 16 | "dependencies": { 17 | "systemjs": "^0.19.11" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /02/testModules/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es6", 4 | "module": "system", 5 | "sourceMap": true 6 | }, 7 | "files": [ 8 | "index.ts" 9 | ] 10 | } -------------------------------------------------------------------------------- /02/user.js: -------------------------------------------------------------------------------- 1 | class User { 2 | constructor(firstname, lastname) { 3 | this.fullname = firstname + " " + lastname; 4 | } 5 | hello() { 6 | return "Hello, " + this.fullname; 7 | } 8 | } 9 | var user = new User("Mary", "Jane"); 10 | alert(user.hello()); 11 | //# sourceMappingURL=user.js.map -------------------------------------------------------------------------------- /02/user.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"user.js","sourceRoot":"","sources":["user.ts"],"names":["User","User.constructor","User.hello"],"mappings":"AAAA;IAEIA,YAAYA,SAAgBA,EAACA,QAAeA;QACxCC,IAAIA,CAACA,QAAQA,GAAGA,SAASA,GAAGA,GAAGA,GAAGA,QAAQA,CAACA;IAC/CA,CAACA;IACJD,KAAKA;QACJE,MAAMA,CAACA,SAASA,GAAGA,IAAIA,CAACA,QAAQA,CAACA;IAClCA,CAACA;AACFF,CAACA;AACD,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACpC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC"} -------------------------------------------------------------------------------- /02/user.ts: -------------------------------------------------------------------------------- 1 | class User { 2 | fullname : string; 3 | constructor(firstname:string,lastname:string) { 4 | this.fullname = firstname + " " + lastname; 5 | } 6 | hello():string{ 7 | return "Hello, " + this.fullname; 8 | } 9 | } 10 | var user = new User("Mary", "Jane"); 11 | alert(user.hello()); -------------------------------------------------------------------------------- /03/AngularBase/.vscode/tasks.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.1.0", 3 | "command": "tsc", 4 | "isShellCommand": true, 5 | "showOutput": "silent", 6 | "problemMatcher": "$tsc" 7 | } -------------------------------------------------------------------------------- /03/AngularBase/app/app.component.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 6 | return c > 3 && r && Object.defineProperty(target, key, r), r; 7 | }; 8 | var __metadata = (this && this.__metadata) || function (k, v) { 9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 10 | }; 11 | var core_1 = require('@angular/core'); 12 | var AppComponent = (function () { 13 | function AppComponent() { 14 | } 15 | AppComponent = __decorate([ 16 | core_1.Component({ 17 | selector: 'my-app', 18 | template: '

My First Angular 2 App

' 19 | }), 20 | __metadata('design:paramtypes', []) 21 | ], AppComponent); 22 | return AppComponent; 23 | }()); 24 | exports.AppComponent = AppComponent; 25 | //# sourceMappingURL=app.component.js.map -------------------------------------------------------------------------------- /03/AngularBase/app/app.component.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"app.component.js","sourceRoot":"","sources":["app.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,qBAAwB,eAExB,CAAC,CAFsC;AAMvC;IAAA;IAA4B,CAAC;IAJ7B;QAAC,gBAAS,CAAC;YACP,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,iCAAiC;SAC9C,CAAC;;oBAAA;IAC0B,mBAAC;AAAD,CAAC,AAA7B,IAA6B;AAAhB,oBAAY,eAAI,CAAA"} -------------------------------------------------------------------------------- /03/AngularBase/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core' 2 | 3 | @Component({ 4 | selector: 'my-app', 5 | template: '

My First Angular 2 App

' 6 | }) 7 | export class AppComponent { } -------------------------------------------------------------------------------- /03/AngularBase/app/app.module.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 6 | return c > 3 && r && Object.defineProperty(target, key, r), r; 7 | }; 8 | var __metadata = (this && this.__metadata) || function (k, v) { 9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 10 | }; 11 | var core_1 = require('@angular/core'); 12 | var platform_browser_1 = require('@angular/platform-browser'); 13 | var app_component_1 = require('./app.component'); 14 | var AppModule = (function () { 15 | function AppModule() { 16 | } 17 | AppModule = __decorate([ 18 | core_1.NgModule({ 19 | imports: [platform_browser_1.BrowserModule], 20 | declarations: [app_component_1.AppComponent], 21 | bootstrap: [app_component_1.AppComponent] 22 | }), 23 | __metadata('design:paramtypes', []) 24 | ], AppModule); 25 | return AppModule; 26 | }()); 27 | exports.AppModule = AppModule; 28 | //# sourceMappingURL=app.module.js.map -------------------------------------------------------------------------------- /03/AngularBase/app/app.module.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"app.module.js","sourceRoot":"","sources":["app.module.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,qBAA8B,eAAe,CAAC,CAAA;AAC9C,iCAA8B,2BAA2B,CAAC,CAAA;AAE1D,8BAA8B,iBAAiB,CAAC,CAAA;AAOhD;IAAA;IAAyB,CAAC;IAL1B;QAAC,eAAQ,CAAC;YACR,OAAO,EAAO,CAAE,gCAAa,CAAE;YAC/B,YAAY,EAAE,CAAE,4BAAY,CAAE;YAC9B,SAAS,EAAK,CAAE,4BAAY,CAAE;SAC/B,CAAC;;iBAAA;IACuB,gBAAC;AAAD,CAAC,AAA1B,IAA0B;AAAb,iBAAS,YAAI,CAAA"} -------------------------------------------------------------------------------- /03/AngularBase/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { BrowserModule } from '@angular/platform-browser'; 3 | 4 | import { AppComponent } from './app.component'; 5 | 6 | @NgModule({ 7 | imports: [ BrowserModule ], 8 | declarations: [ AppComponent ], 9 | bootstrap: [ AppComponent ] 10 | }) 11 | export class AppModule { } 12 | -------------------------------------------------------------------------------- /03/AngularBase/app/boot.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var platform_browser_dynamic_1 = require('@angular/platform-browser-dynamic'); 3 | var app_module_1 = require('./app.module'); 4 | platform_browser_dynamic_1.platformBrowserDynamic().bootstrapModule(app_module_1.AppModule); 5 | //# sourceMappingURL=boot.js.map -------------------------------------------------------------------------------- /03/AngularBase/app/boot.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"boot.js","sourceRoot":"","sources":["boot.ts"],"names":[],"mappings":";AAAA,yCAAuC,mCAAmC,CAAC,CAAA;AAC3E,2BAA0B,cAAc,CAAC,CAAA;AACzC,iDAAsB,EAAE,CAAC,eAAe,CAAC,sBAAS,CAAC,CAAC"} -------------------------------------------------------------------------------- /03/AngularBase/app/boot.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { AppModule } from './app.module'; 3 | platformBrowserDynamic().bootstrapModule(AppModule); 4 | -------------------------------------------------------------------------------- /03/AngularBase/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Angular Base 4 | 5 | 6 | 7 | 8 | 9 | 12 | 13 | 14 | Loading... 15 | 16 | -------------------------------------------------------------------------------- /03/AngularBase/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angularbase", 3 | "version": "1.0.0", 4 | "license": "ISC", 5 | "dependencies": { 6 | "@angular/common": "2.0.0", 7 | "@angular/compiler": "2.0.0", 8 | "@angular/core": "2.0.0", 9 | "@angular/forms": "2.0.0", 10 | "@angular/http": "2.0.0", 11 | "@angular/platform-browser": "2.0.0", 12 | "@angular/platform-browser-dynamic": "2.0.0", 13 | "@angular/router": "3.0.0", 14 | "@angular/upgrade": "2.0.0", 15 | "core-js": "^2.4.1", 16 | "reflect-metadata": "^0.1.3", 17 | "rxjs": "5.0.0-beta.12", 18 | "systemjs": "0.19.27", 19 | "zone.js": "^0.6.23", 20 | "angular2-in-memory-web-api": "0.0.20", 21 | "bootstrap": "^3.3.6" 22 | } 23 | } -------------------------------------------------------------------------------- /03/AngularBase/systemjs.config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * System configuration for Angular 2 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/forms': 'npm:@angular/forms/bundles/forms.umd.js', 24 | // other libraries 25 | 'rxjs': 'npm:rxjs', 26 | 'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api', 27 | }, 28 | // packages tells the System loader how to load when no filename and/or no extension 29 | packages: { 30 | app: { 31 | main: './boot.js', 32 | defaultExtension: 'js' 33 | }, 34 | rxjs: { 35 | defaultExtension: 'js' 36 | }, 37 | 'angular2-in-memory-web-api': { 38 | main: './index.js', 39 | defaultExtension: 'js' 40 | } 41 | } 42 | }); 43 | })(this); 44 | -------------------------------------------------------------------------------- /03/AngularBase/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es6", 4 | "module": "system", 5 | "sourceMap": true, 6 | "moduleResolution": "node", 7 | "emitDecoratorMetadata": true, 8 | "experimentalDecorators": true, 9 | "removeComments": false, 10 | "noImplicitAny": false 11 | }, 12 | "exclude": [ 13 | "node_modules" 14 | ] 15 | } -------------------------------------------------------------------------------- /03/AngularPanel/.vscode/tasks.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.1.0", 3 | "command": "tsc", 4 | "isShellCommand": true, 5 | "showOutput": "silent", 6 | "problemMatcher": "$tsc" 7 | } -------------------------------------------------------------------------------- /03/AngularPanel/app/app.component.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 | 5 | Open a terminal 6 | 7 | 8 | Say hello world! 9 | 10 | -------------------------------------------------------------------------------- /03/AngularPanel/app/app.component.js: -------------------------------------------------------------------------------- 1 | System.register(['@angular/core'], function(exports_1, context_1) { 2 | "use strict"; 3 | var __moduleName = context_1 && context_1.id; 4 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 5 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 6 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 7 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 8 | return c > 3 && r && Object.defineProperty(target, key, r), r; 9 | }; 10 | var __metadata = (this && this.__metadata) || function (k, v) { 11 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 12 | }; 13 | var core_1; 14 | var AppComponent; 15 | return { 16 | setters:[ 17 | function (core_1_1) { 18 | core_1 = core_1_1; 19 | }], 20 | execute: function() { 21 | let AppComponent = class AppComponent { 22 | }; 23 | AppComponent = __decorate([ 24 | core_1.Component({ 25 | selector: 'my-app', 26 | templateUrl: 'app/app.component.html' 27 | }), 28 | __metadata('design:paramtypes', []) 29 | ], AppComponent); 30 | exports_1("AppComponent", AppComponent); 31 | } 32 | } 33 | }); 34 | //# sourceMappingURL=app.component.js.map -------------------------------------------------------------------------------- /03/AngularPanel/app/app.component.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"app.component.js","sourceRoot":"","sources":["app.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;YAOA;YAA4B,CAAC;YAJ7B;gBAAC,gBAAS,CAAC;oBACP,QAAQ,EAAE,QAAQ;oBAClB,WAAW,EAAE,wBAAwB;iBACxC,CAAC;;4BAAA;YACF,uCAA6B,CAAA"} -------------------------------------------------------------------------------- /03/AngularPanel/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | import {Panel} from './container' 3 | 4 | @Component({ 5 | selector: 'my-app', 6 | templateUrl: 'app/app.component.html' 7 | }) 8 | export class AppComponent { } -------------------------------------------------------------------------------- /03/AngularPanel/app/app.module.js: -------------------------------------------------------------------------------- 1 | System.register(['@angular/core', '@angular/platform-browser', './app.component', './container/panel'], function(exports_1, context_1) { 2 | "use strict"; 3 | var __moduleName = context_1 && context_1.id; 4 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 5 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 6 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 7 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 8 | return c > 3 && r && Object.defineProperty(target, key, r), r; 9 | }; 10 | var __metadata = (this && this.__metadata) || function (k, v) { 11 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 12 | }; 13 | var core_1, platform_browser_1, app_component_1, panel_1; 14 | var AppModule; 15 | return { 16 | setters:[ 17 | function (core_1_1) { 18 | core_1 = core_1_1; 19 | }, 20 | function (platform_browser_1_1) { 21 | platform_browser_1 = platform_browser_1_1; 22 | }, 23 | function (app_component_1_1) { 24 | app_component_1 = app_component_1_1; 25 | }, 26 | function (panel_1_1) { 27 | panel_1 = panel_1_1; 28 | }], 29 | execute: function() { 30 | let AppModule = class AppModule { 31 | }; 32 | AppModule = __decorate([ 33 | core_1.NgModule({ 34 | imports: [platform_browser_1.BrowserModule], 35 | declarations: [app_component_1.AppComponent, panel_1.Panel], 36 | bootstrap: [app_component_1.AppComponent] 37 | }), 38 | __metadata('design:paramtypes', []) 39 | ], AppModule); 40 | exports_1("AppModule", AppModule); 41 | } 42 | } 43 | }); 44 | //# sourceMappingURL=app.module.js.map -------------------------------------------------------------------------------- /03/AngularPanel/app/app.module.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"app.module.js","sourceRoot":"","sources":["app.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAWA;YAAyB,CAAC;YAL1B;gBAAC,eAAQ,CAAC;oBACR,OAAO,EAAO,CAAE,gCAAa,CAAE;oBAC/B,YAAY,EAAE,CAAE,4BAAY,EAAC,aAAK,CAAC;oBACnC,SAAS,EAAK,CAAE,4BAAY,CAAE;iBAC/B,CAAC;;yBAAA;YACF,iCAA0B,CAAA"} -------------------------------------------------------------------------------- /03/AngularPanel/app/app.module.ts: -------------------------------------------------------------------------------- 1 | import { NgModule } from '@angular/core'; 2 | import { BrowserModule } from '@angular/platform-browser'; 3 | 4 | import { AppComponent } from './app.component'; 5 | import {Panel} from './container/panel' 6 | 7 | @NgModule({ 8 | imports: [ BrowserModule ], 9 | declarations: [ AppComponent,Panel], 10 | bootstrap: [ AppComponent ] 11 | }) 12 | export class AppModule { } 13 | -------------------------------------------------------------------------------- /03/AngularPanel/app/boot.js: -------------------------------------------------------------------------------- 1 | System.register(['@angular/platform-browser-dynamic', './app.module'], function(exports_1, context_1) { 2 | "use strict"; 3 | var __moduleName = context_1 && context_1.id; 4 | var platform_browser_dynamic_1, app_module_1; 5 | return { 6 | setters:[ 7 | function (platform_browser_dynamic_1_1) { 8 | platform_browser_dynamic_1 = platform_browser_dynamic_1_1; 9 | }, 10 | function (app_module_1_1) { 11 | app_module_1 = app_module_1_1; 12 | }], 13 | execute: function() { 14 | platform_browser_dynamic_1.platformBrowserDynamic().bootstrapModule(app_module_1.AppModule); 15 | } 16 | } 17 | }); 18 | //# sourceMappingURL=boot.js.map -------------------------------------------------------------------------------- /03/AngularPanel/app/boot.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"boot.js","sourceRoot":"","sources":["boot.ts"],"names":[],"mappings":";;;;;;;;;;;;;YAEA,iDAAsB,EAAE,CAAC,eAAe,CAAC,sBAAS,CAAC,CAAC"} -------------------------------------------------------------------------------- /03/AngularPanel/app/boot.ts: -------------------------------------------------------------------------------- 1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 2 | import { AppModule } from './app.module'; 3 | platformBrowserDynamic().bootstrapModule(AppModule); 4 | -------------------------------------------------------------------------------- /03/AngularPanel/app/container.js: -------------------------------------------------------------------------------- 1 | System.register(['./container/panel'], function(exports_1, context_1) { 2 | "use strict"; 3 | var __moduleName = context_1 && context_1.id; 4 | function exportStar_1(m) { 5 | var exports = {}; 6 | for(var n in m) { 7 | if (n !== "default") exports[n] = m[n]; 8 | } 9 | exports_1(exports); 10 | } 11 | return { 12 | setters:[ 13 | function (panel_1_1) { 14 | exportStar_1(panel_1_1); 15 | }], 16 | execute: function() { 17 | } 18 | } 19 | }); 20 | //# sourceMappingURL=container.js.map -------------------------------------------------------------------------------- /03/AngularPanel/app/container.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"container.js","sourceRoot":"","sources":["container.ts"],"names":[],"mappings":""} -------------------------------------------------------------------------------- /03/AngularPanel/app/container.ts: -------------------------------------------------------------------------------- 1 | export * from './container/panel' -------------------------------------------------------------------------------- /03/AngularPanel/app/container/panel.html: -------------------------------------------------------------------------------- 1 |
2 |
{{title}}
3 |
4 |
-------------------------------------------------------------------------------- /03/AngularPanel/app/container/panel.js: -------------------------------------------------------------------------------- 1 | System.register(['@angular/core'], function(exports_1, context_1) { 2 | "use strict"; 3 | var __moduleName = context_1 && context_1.id; 4 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { 5 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; 6 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); 7 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; 8 | return c > 3 && r && Object.defineProperty(target, key, r), r; 9 | }; 10 | var __metadata = (this && this.__metadata) || function (k, v) { 11 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); 12 | }; 13 | var core_1; 14 | var Panel; 15 | return { 16 | setters:[ 17 | function (core_1_1) { 18 | core_1 = core_1_1; 19 | }], 20 | execute: function() { 21 | let Panel = class Panel { 22 | }; 23 | Panel = __decorate([ 24 | core_1.Component({ 25 | selector: 'panel', 26 | templateUrl: 'app/container/panel.html', 27 | inputs: ['title'] 28 | }), 29 | __metadata('design:paramtypes', []) 30 | ], Panel); 31 | exports_1("Panel", Panel); 32 | } 33 | } 34 | }); 35 | //# sourceMappingURL=panel.js.map -------------------------------------------------------------------------------- /03/AngularPanel/app/container/panel.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"panel.js","sourceRoot":"","sources":["panel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;YAOA;YAAqB,CAAC;YALtB;gBAAC,gBAAS,CAAC;oBACP,QAAQ,EAAE,OAAO;oBACjB,WAAW,EAAE,0BAA0B;oBACvC,MAAM,EAAE,CAAC,OAAO,CAAC;iBACpB,CAAC;;qBAAA;YACF,yBAAsB,CAAA"} -------------------------------------------------------------------------------- /03/AngularPanel/app/container/panel.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'panel', 5 | templateUrl: 'app/container/panel.html', 6 | inputs: ['title'] 7 | }) 8 | export class Panel { } -------------------------------------------------------------------------------- /03/AngularPanel/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Angular Panel 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 15 | 16 |
17 | Loading... 18 |
19 | 20 | -------------------------------------------------------------------------------- /03/AngularPanel/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "angularpanel", 3 | "version": "1.0.0", 4 | "license": "ISC", 5 | "dependencies": { 6 | "@angular/common": "2.0.0", 7 | "@angular/compiler": "2.0.0", 8 | "@angular/core": "2.0.0", 9 | "@angular/forms": "2.0.0", 10 | "@angular/http": "2.0.0", 11 | "@angular/platform-browser": "2.0.0", 12 | "@angular/platform-browser-dynamic": "2.0.0", 13 | "@angular/router": "3.0.0", 14 | "@angular/upgrade": "2.0.0", 15 | "core-js": "^2.4.1", 16 | "reflect-metadata": "^0.1.3", 17 | "rxjs": "5.0.0-beta.12", 18 | "systemjs": "0.19.27", 19 | "zone.js": "^0.6.23", 20 | "angular2-in-memory-web-api": "0.0.20", 21 | "bootstrap": "^3.3.6" 22 | } 23 | } -------------------------------------------------------------------------------- /03/AngularPanel/systemjs.config.js: -------------------------------------------------------------------------------- 1 | /** 2 | * System configuration for Angular 2 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/forms': 'npm:@angular/forms/bundles/forms.umd.js', 24 | // other libraries 25 | 'rxjs': 'npm:rxjs', 26 | 'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api', 27 | }, 28 | // packages tells the System loader how to load when no filename and/or no extension 29 | packages: { 30 | app: { 31 | main: './boot.js', 32 | defaultExtension: 'js' 33 | }, 34 | rxjs: { 35 | defaultExtension: 'js' 36 | }, 37 | 'angular2-in-memory-web-api': { 38 | main: './index.js', 39 | defaultExtension: 'js' 40 | } 41 | } 42 | }); 43 | })(this); 44 | -------------------------------------------------------------------------------- /03/AngularPanel/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "es6", 4 | "module": "system", 5 | "moduleResolution": "node", 6 | "sourceMap": true, 7 | "emitDecoratorMetadata": true, 8 | "experimentalDecorators": true, 9 | "removeComments": false, 10 | "noImplicitAny": false, 11 | "watch": true 12 | }, 13 | "exclude": [ 14 | "node_modules" 15 | ] 16 | } -------------------------------------------------------------------------------- /03/AngularPlayList/.vscode/tasks.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.1.0", 3 | "command": "tsc", 4 | "isShellCommand": true, 5 | "showOutput": "silent", 6 | "problemMatcher": "$tsc" 7 | } -------------------------------------------------------------------------------- /03/AngularPlayList/app/app.component.html: -------------------------------------------------------------------------------- 1 |

2 | {{title}} 3 |

4 | 5 | 7 | 8 | 9 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /03/AngularPlayList/app/app.component.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"app.component.js","sourceRoot":"","sources":["app.component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;YASA;gBAKI;oBAJA,UAAK,GAAG,uBAAM,CAAC,UAAU,CAAC;oBAKtB,IAAI,CAAC,MAAM,GAAG;wBACV,IAAI,aAAK,CAAC,CAAC,EAAC,2DAA2D,EAAC,0CAA0C,EAAC,sbAAsb,CAAC;wBAC1iB,IAAI,aAAK,CAAC,CAAC,EAAC,0EAA0E,EAAC,0CAA0C,EAAC,sFAAsF,CAAC;qBAC5N,CAAA;gBACL,CAAC;gBAED,aAAa,CAAC,KAAK;oBACf,qCAAqC;oBACrC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;gBAC/B,CAAC;gBAED,iBAAiB,CAAC,KAAK;oBACnB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;gBAC9B,CAAC;gBAED,QAAQ;oBACJ,IAAI,CAAC,GAAW,IAAI,aAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAC,CAAC,EAAC,aAAa,CAAC,CAAC;oBAC9D,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACpB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;gBAC3B,CAAC;YACL,CAAC;YA9BD;gBAAC,gBAAS,CAAC;oBACP,QAAQ,EAAE,QAAQ;oBAClB,WAAW,EAAE,wBAAwB;iBACxC,CAAC;;4BAAA;YACF,uCA0BC,CAAA"} -------------------------------------------------------------------------------- /03/AngularPlayList/app/app.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core' 2 | import {Config} from './config.service' 3 | import {Video} from './video' 4 | 5 | 6 | @Component({ 7 | selector: 'my-app', 8 | templateUrl: 'app/app.component.html', 9 | }) 10 | export class AppComponent { 11 | title = Config.TITLE_PAGE; 12 | videos : Array