denhul
diff --git a/‎2 - Starting a component/app/app.module.ts
+13 b/‎2 - Starting a component/app/app.module.ts
+13
diff --git a/‎2 - Starting a component/app/hello.component.ts
+19 b/‎2 - Starting a component/app/hello.component.ts
+19
diff --git a/‎2 - Components and data binding/app/main.ts ‎2 - Starting a component/app/main.ts b/‎2 - Components and data binding/app/main.ts ‎2 - Starting a component/app/main.ts
diff --git a/‎2 - Starting a component/app/user.ts
+5 b/‎2 - Starting a component/app/user.ts
+5
diff --git a/‎2 - Starting a component/index.html
+31 b/‎2 - Starting a component/index.html
+31
diff --git a/‎2 - Components and data binding/lib/system.config.ts ‎2 - Starting a component/lib/system.config.ts b/‎2 - Components and data binding/lib/system.config.ts ‎2 - Starting a component/lib/system.config.ts
diff --git a/‎2 - Components and data binding/package.json ‎2 - Starting a component/package.json b/‎2 - Components and data binding/package.json ‎2 - Starting a component/package.json
diff --git a/‎2 - Components and data binding/tsconfig.json ‎2 - Starting a component/tsconfig.json b/‎2 - Components and data binding/tsconfig.json ‎2 - Starting a component/tsconfig.json
diff --git a/‎2 - Components and data binding/typings.json ‎2 - Starting a component/typings.json b/‎2 - Components and data binding/typings.json ‎2 - Starting a component/typings.json
@@ -0,0 +1,13 @@
+import { NgModule }             from '@angular/core';
+import { BrowserModule }        from '@angular/platform-browser';
+
+import { HelloComponent }         from './hello.component';
+
+
+
+@NgModule({
+  imports:      [ BrowserModule ],
+  declarations: [ HelloComponent],
+  bootstrap:    [ HelloComponent ]
+})
+export class AppModule { }
@@ -0,0 +1,19 @@
+import {Component} from '@angular/core';
+import {User} from './user';
+
+@Component({
+  selector: 'u2u-hello',
+  template: `
+  <div>
+    <p>Welcome {{user.userName}}</p>
+    <input type="button" (click)="sayHello()" value="Hello"/>
+  </div>
+  `
+})
+export class HelloComponent {
+  user: User = { userName: 'Diedrik', password : 'password' };
+
+  sayHello() {
+    console.log('Hello my name is:', this.user.userName);
+  }
+}
@@ -0,0 +1,5 @@
+export class User{
+    constructor(public userName: string, public password: string){
+
+    }
+}
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Awesome Hello World!</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <base href=".">
+
+    <!-- 1. Load libraries -->
+     <!-- Polyfill(s) for older browsers -->
+    <script src="node_modules/core-js/client/shim.min.js"></script>
+
+    <script src="node_modules/zone.js/dist/zone.js"></script>
+    <script src="node_modules/reflect-metadata/Reflect.js"></script>
+    <script src="node_modules/systemjs/dist/system.src.js"></script>
+
+    <script src="node_modules/jquery/dist/jquery.min.js"></script>
+    <script src="node_modules/materialize-css/dist/js/materialize.min.js"></script>
+
+    <!-- 2. Configure SystemJS -->
+    <script src="lib/system.config.js"></script>
+    <script>
+      System.import('app').catch(function(err){ console.error(err); });
+    </script>
+  </head>
+
+  <!-- 3. Display the application -->
+  <body>
+    <u2u-hello>Loading...</u2u-hello>
+  </body>
+</html>