feat(route getting started page): getting started page

src/app/app.component.ts

@@ -32,6 +32,11 @@ export class AppComponent {
       title: 'Team',
       link: '/team',
       options: { exact: false }
+    },
+    {
+      title: 'Getting Started Guide',
+      link: '/getting-started-guide',
+      options: { exact: false }
     }
   ];
 }

src/app/app.module.ts

@@ -9,7 +9,7 @@ import { RXJS_DOC_ROUTES } from './app.routing';
 
 @NgModule({
   declarations: [
-    AppComponent,
+    AppComponent
   ],
   imports: [
     BrowserModule,

src/app/app.routing.ts

@@ -11,5 +11,7 @@ export const RXJS_DOC_ROUTES: Routes = [
   { path: 'operators', loadChildren: './operators/operators.module#OperatorsModule' },
   { path: 'team', loadChildren: './team/team.module#TeamModule' },
   { path: 'companies', loadChildren: './companies/companies.module#CompaniesModule' },
+  { path: 'companies', loadChildren: './companies/companies.module#CompaniesModule' },
+  { path: 'getting-started-guide', loadChildren: './getting-started-guide/getting-started-guide.module#GettingStartedGuideModule' },
   { path: '**', redirectTo: '' }
 ];

src/app/getting-started-guide/getting-started-guide.component.html

@@ -0,0 +1,4 @@
+ This is getting started guide. We can go through the below link for the introduction of Rxjs.
+<div>
+  <a (click)='goToUrl()' [routerLink]="">Introduction to Reactive programming by Andre Staltz</a>
+</div>

src/app/getting-started-guide/getting-started-guide.component.ts

@@ -0,0 +1,20 @@
+import { DOCUMENT } from '@angular/platform-browser';
+import { Component, Inject, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-getting-started-guide',
+  templateUrl: './getting-started-guide.component.html',
+  styleUrls: ['./getting-started-guide.component.scss']
+})
+export class GettingStartedGuideComponent implements OnInit {
+
+  constructor(@Inject(DOCUMENT) private document: any) { }
+
+  ngOnInit() {
+  }
+
+  goToUrl() {
+    this.document.location.href = 'https://gist.github.com/staltz/868e7e9bc2a7b8c1f754';
+  }
+
+}

src/app/getting-started-guide/getting-started-guide.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+
+import { GettingStartedGuideComponent } from './getting-started-guide.component';
+import { routing } from './getting-started-guide.routing';
+
+@NgModule({
+  imports: [routing],
+  declarations: [GettingStartedGuideComponent]
+})
+export class GettingStartedGuideModule { }

src/app/getting-started-guide/getting-started-guide.routing.ts

@@ -0,0 +1,11 @@
+import { ModuleWithProviders } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { GettingStartedGuideComponent } from './getting-started-guide.component';
+
+const routes: Routes = [
+  { path: '', component: GettingStartedGuideComponent }
+];
+
+export const routing: ModuleWithProviders = RouterModule.forChild(routes);
+