├── 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 |
--------------------------------------------------------------------------------
/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