create HomeComponent

app/app.component.html

@@ -0,0 +1,3 @@
+<div class="container">
+    <router-outlet></router-outlet>
+</div>

app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 @Component({
     selector: 'my-app',
-    template: '<h1>My First Angular App</h1>'
+    templateUrl: 'app/app.component.html'
 })
 export class AppComponent { }

app/app.module.ts

@@ -1,9 +1,23 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
+
 import { AppComponent } from './app.component';
+import { HomeComponent } from './home/home.component';
+import { routing } from './app.routes';
+
 @NgModule({
-    imports: [BrowserModule],
-    declarations: [AppComponent],
+    imports: [
+        BrowserModule,
+        FormsModule,
+        HttpModule,
+        routing
+    ],
+    declarations: [
+        AppComponent,
+        HomeComponent
+    ],
     bootstrap: [AppComponent]
 })
 export class AppModule { }

app/app.routes.ts

@@ -0,0 +1,11 @@
+import { ModuleWithProviders }  from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { HomeComponent } from './home/home.component';
+
+const appRoutes: Routes = [
+    { path: 'home', component: HomeComponent },
+    { path: '', component: HomeComponent }
+];
+
+export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

app/home/home.component.html

@@ -0,0 +1 @@
+<h1>Home!!!</h1>

app/home/home.component.ts

@@ -0,0 +1,11 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+    selector: 'home',
+    templateUrl: 'app/home/home.component.html'
+})
+export class HomeComponent implements OnInit {
+    constructor() { }
+
+    ngOnInit() { }
+}