diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
index 88d1123e..25d34648 100644
--- a/src/app/app.component.spec.ts
+++ b/src/app/app.component.spec.ts
@@ -4,6 +4,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { AppComponent } from './app.component';
 import { ToolbarModule } from './toolbar/toolbar.module';
 import { MatSidenavModule, MatListModule } from '@angular/material';
+import { SeoService } from './services/seo.service';
 
 describe('AppComponent', () => {
   let component: AppComponent;
@@ -19,7 +20,8 @@ describe('AppComponent', () => {
           MatSidenavModule,
           MatListModule
         ],
-        declarations: [AppComponent]
+        declarations: [AppComponent],
+        providers: [SeoService]
       }).compileComponents();
     })
   );
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 002b98cb..86515ea4 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,4 +1,12 @@
-import { Component } from "@angular/core";
+import { Component, OnInit } from '@angular/core';
+import {
+  Router,
+  ActivatedRoute,
+  NavigationEnd,
+  RouterEvent
+} from '@angular/router';
+import { filter, map, mergeMap } from 'rxjs/operators';
+import { SeoService, SeoData } from './services/seo.service';
 
 interface Menu {
   title: string;
@@ -7,31 +15,55 @@ interface Menu {
 }
 
 @Component({
-  selector: "app-root",
-  templateUrl: "./app.component.html",
-  styleUrls: ["./app.component.scss"]
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss']
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
   menus: Menu[] = [
     {
-      title: "Home",
-      link: "/",
+      title: 'Home',
+      link: '/',
       options: { exact: true }
     },
     {
-      title: "Operators",
-      link: "/operators",
+      title: 'Operators',
+      link: '/operators',
       options: { exact: false }
     },
     {
-      title: "Companies",
-      link: "/companies",
+      title: 'Companies',
+      link: '/companies',
       options: { exact: false }
     },
     {
-      title: "Team",
-      link: "/team",
+      title: 'Team',
+      link: '/team',
       options: { exact: false }
     }
   ];
+
+  constructor(
+    private _router: Router,
+    private _activatedRoute: ActivatedRoute,
+    private _seo: SeoService
+  ) {}
+
+  ngOnInit() {
+    this._router.events
+      .pipe(
+        filter((e: RouterEvent) => e instanceof NavigationEnd),
+        map(() => {
+          let route = this._activatedRoute;
+          while (route.firstChild) {
+            route = route.firstChild;
+          }
+          return route;
+        }),
+        filter(route => route.outlet === 'primary'),
+        mergeMap(route => route.data),
+        filter((data: SeoData) => data.title !== undefined)
+      )
+      .subscribe((data: SeoData) => this._seo.setHeaders(data));
+  }
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index a1c48130..b167c370 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -1,3 +1,4 @@
+import { SeoService } from './services/seo.service';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgModule } from '@angular/core';
@@ -17,7 +18,7 @@ import { AppRoutingModule } from './app-routing.module';
     MatSidenavModule,
     AppRoutingModule
   ],
-  providers: [],
+  providers: [SeoService],
   bootstrap: [AppComponent]
 })
 export class AppModule {}
diff --git a/src/app/companies/companies-routing.module.ts b/src/app/companies/companies-routing.module.ts
index 9531d7b2..c8f9cb72 100644
--- a/src/app/companies/companies-routing.module.ts
+++ b/src/app/companies/companies-routing.module.ts
@@ -3,7 +3,13 @@ import { Routes, RouterModule } from '@angular/router';
 
 import { CompaniesComponent } from './companies.component';
 
-const routes: Routes = [{ path: '', component: CompaniesComponent }];
+const routes: Routes = [
+  {
+    path: '',
+    component: CompaniesComponent,
+    data: { title: ['Companies'], description: 'Companies that use RxJS...' }
+  }
+];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
diff --git a/src/app/companies/companies.component.ts b/src/app/companies/companies.component.ts
index 0dbc9a29..cb729f61 100644
--- a/src/app/companies/companies.component.ts
+++ b/src/app/companies/companies.component.ts
@@ -1,12 +1,10 @@
-import { Component, OnInit } from "@angular/core";
+import { Component } from '@angular/core';
 
 @Component({
-  selector: "app-companies",
-  templateUrl: "./companies.component.html",
-  styleUrls: ["./companies.component.scss"]
+  selector: 'app-companies',
+  templateUrl: './companies.component.html',
+  styleUrls: ['./companies.component.scss']
 })
-export class CompaniesComponent implements OnInit {
+export class CompaniesComponent {
   constructor() {}
-
-  ngOnInit() {}
 }
diff --git a/src/app/operators/components/operator/operator.component.ts b/src/app/operators/components/operator/operator.component.ts
index 453a59d8..b5c4b579 100644
--- a/src/app/operators/components/operator/operator.component.ts
+++ b/src/app/operators/components/operator/operator.component.ts
@@ -2,28 +2,64 @@ import {
   Component,
   Input,
   OnInit,
-  ChangeDetectionStrategy
-} from "@angular/core";
-import { OperatorDoc } from "../../../../operator-docs/operator.model";
+  ChangeDetectionStrategy,
+  Inject,
+  InjectionToken
+} from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { SeoService } from '../../../services/seo.service';
+import { OperatorDoc } from '../../../../operator-docs/operator.model';
+import { pluck } from 'rxjs/operators';
+
+export const OPERATOR_TOKEN = new InjectionToken<string>('operators');
 
 @Component({
-  selector: "app-operator",
-  templateUrl: "./operator.component.html",
-  styleUrls: ["./operator.component.scss"],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  selector: 'app-operator',
+  templateUrl: './operator.component.html',
+  styleUrls: ['./operator.component.scss']
 })
-export class OperatorComponent {
-  @Input() operator: OperatorDoc;
-
-  private readonly baseSourceUrl = "https://github.com/ReactiveX/rxjs/blob/master/src/operators/";
-  private readonly baseSpecUrl = "http://reactivex.io/rxjs/test-file/spec-js/operators";
+export class OperatorComponent implements OnInit {
+  public operator: OperatorDoc;
+  public operatorsMap = new Map<string, OperatorDoc>();
+
+  private readonly baseSourceUrl = 'https://github.com/ReactiveX/rxjs/blob/master/src/operators/';
+  private readonly baseSpecUrl = 'http://reactivex.io/rxjs/test-file/spec-js/operators';
+
+  constructor(
+    private _router: Router,
+    private _activatedRoute: ActivatedRoute,
+    @Inject(OPERATOR_TOKEN) public operators: OperatorDoc[],
+    private _seo: SeoService
+  ) {}
+
+  ngOnInit() {
+    this.operators.forEach((op: OperatorDoc) => {
+      this.operatorsMap.set(op.name, op);
+    });
+    this._activatedRoute.params
+      .pipe(pluck('operator'))
+      .subscribe((name: string) => {
+        if (this.operatorsMap.has(name)) {
+          this.operator = this.operatorsMap.get(name);
+        } else {
+          this.notfound();
+          return;
+        }
+        this._seo.setHeaders({
+          title: [this.operator.name, this.operator.operatorType],
+          description: this.operator.shortDescription
+            ? this.operator.shortDescription.description
+            : ''
+        });
+      });
+  }
 
   get operatorName() {
     return this.operator.name;
   }
 
   get signature() {
-    return this.operator.signature || "Signature Placeholder";
+    return this.operator.signature || 'Signature Placeholder';
   }
 
   get marbleUrl() {
@@ -78,4 +114,9 @@ export class OperatorComponent {
   get additionalResources() {
     return this.operator.additionalResources || [];
   }
+
+  private notfound() {
+    this._router.navigate(['/operators']);
+    return {};
+  }
 }
diff --git a/src/app/operators/components/related-operators/related-operators.component.html b/src/app/operators/components/related-operators/related-operators.component.html
index 2da9fa6f..a0b853e5 100644
--- a/src/app/operators/components/related-operators/related-operators.component.html
+++ b/src/app/operators/components/related-operators/related-operators.component.html
@@ -1,6 +1,6 @@
 <h2 class="related-operators"> Related Operators </h2>
 <ul class="section-list">
   <li *ngFor="let related of relatedOperators">
-    <a [href]="'/operators#' + related"> {{ related }} </a>
+    <a [routerLink]="['/operators', related]"> {{ related }} </a>
   </li>
 </ul>
diff --git a/src/app/operators/operators-routing.module.ts b/src/app/operators/operators-routing.module.ts
index 83354d0e..34cbaa05 100644
--- a/src/app/operators/operators-routing.module.ts
+++ b/src/app/operators/operators-routing.module.ts
@@ -2,8 +2,16 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 import { OperatorsComponent } from './operators.component';
+import { OperatorComponent } from './components/operator/operator.component';
 
-const routes: Routes = [{ path: '', component: OperatorsComponent }];
+const routes: Routes = [
+  {
+    path: '',
+    component: OperatorsComponent,
+    data: { title: ['Operators'], description: 'All the RxJS operators...' },
+    children: [{ path: ':operator', component: OperatorComponent }]
+  }
+];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
diff --git a/src/app/operators/operators.component.html b/src/app/operators/operators.component.html
index ef256efa..91046a0e 100644
--- a/src/app/operators/operators.component.html
+++ b/src/app/operators/operators.component.html
@@ -11,15 +11,13 @@
       <h3 mat-subheader class="category-subheader">{{ category }}</h3>
       <a mat-list-item
         *ngFor="let operator of groupedOperators[category]"
-        [href]="'/operators#' + operator.name">
+        [routerLink]="['/operators', operator.name]"
+        routerLinkActive="active">
         {{ operator.name }}
       </a>
     </mat-nav-list>
   </mat-sidenav>
-  <app-operator
-    *ngFor="let operator of operators"
-    [operator]="operator">
-  </app-operator>
+  <router-outlet></router-outlet>
 </mat-sidenav-container>
 <button
   *ngIf="smallScreen"
diff --git a/src/app/operators/operators.component.ts b/src/app/operators/operators.component.ts
index 147ab136..8e3da660 100644
--- a/src/app/operators/operators.component.ts
+++ b/src/app/operators/operators.component.ts
@@ -1,5 +1,17 @@
-import { Component, Inject, InjectionToken, OnInit, AfterViewInit, ChangeDetectionStrategy } from '@angular/core';
-import { trigger, state, style, animate, transition } from '@angular/animations';
+import {
+  Component,
+  Inject,
+  InjectionToken,
+  OnInit,
+  ChangeDetectionStrategy
+} from '@angular/core';
+import {
+  trigger,
+  state,
+  style,
+  animate,
+  transition
+} from '@angular/animations';
 import { Router, ActivatedRoute } from '@angular/router';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Subscription } from 'rxjs/Subscription';
@@ -21,7 +33,7 @@ interface OperatorDocMap {
   styleUrls: ['./operators.component.scss'],
   animations: [
     trigger('growInOut', [
-      state('in', style({opacity: 1})),
+      state('in', style({ opacity: 1 })),
       transition('void => *', [
         style({
           opacity: 0,
@@ -30,55 +42,29 @@ interface OperatorDocMap {
         animate(`150ms ease-in`)
       ]),
       transition('* => void', [
-        animate(`150ms ease-out`, style({
-          opacity: 0,
-          transform: 'scale3d(.3, .3, .3)'
-        }))
+        animate(
+          `150ms ease-out`,
+          style({
+            opacity: 0,
+            transform: 'scale3d(.3, .3, .3)'
+          })
+        )
       ])
     ])
   ]
 })
-export class OperatorsComponent implements OnInit, AfterViewInit {
+export class OperatorsComponent implements OnInit {
   public groupedOperators: OperatorDocMap;
   public categories: string[];
 
-  private _subscription: Subscription;
-
   constructor(
     private _breakpointObserver: BreakpointObserver,
-    private _router: Router,
-    private _activatedRoute: ActivatedRoute,
     @Inject(OPERATORS_TOKEN) public operators: OperatorDoc[]
-  ) { }
+  ) {}
 
   ngOnInit() {
     this.groupedOperators = groupOperatorsByType(this.operators);
     this.categories = Object.keys(this.groupedOperators);
-    this._subscription = this._activatedRoute
-      .fragment
-      .subscribe(name => this.scrollToOperator(name));
-  }
-
-  ngAfterViewInit() {
-    // scroll initial param when applicable
-    const name = this._activatedRoute.snapshot.fragment;
-
-    if (name) {
-      // slight delay for scroll to be accurate
-      setTimeout(() => this.scrollToOperator(name), 100);
-    }
-  }
-
-  updateUrl(name: string) {
-    this._router.navigate([ '/operators' ], { fragment: name });
-  }
-
-  scrollToOperator(name: string) {
-    const element = document.getElementById(name);
-
-    if (element) {
-      element.scrollIntoView();
-    }
   }
 
   get extraSmallScreen() {
@@ -90,20 +76,21 @@ export class OperatorsComponent implements OnInit, AfterViewInit {
   }
 
   get operatorMenuGap() {
-    return this.extraSmallScreen ? OPERATOR_MENU_GAP_SMALL : OPERATOR_MENU_GAP_LARGE;
+    return this.extraSmallScreen
+      ? OPERATOR_MENU_GAP_SMALL
+      : OPERATOR_MENU_GAP_LARGE;
   }
 
   get sidenavMode() {
     return this.smallScreen ? 'over' : 'side';
   }
-
 }
 
 export function groupOperatorsByType(operators: OperatorDoc[]): OperatorDocMap {
   return operators.reduce((acc: OperatorDocMap, curr: OperatorDoc) => {
     if (acc[curr.operatorType]) {
-      return { ...acc, [ curr.operatorType ] : [ ...acc[ curr.operatorType ], curr ] };
+      return { ...acc, [curr.operatorType]: [...acc[curr.operatorType], curr] };
     }
-    return { ...acc, [ curr.operatorType ]: [ curr ] };
+    return { ...acc, [curr.operatorType]: [curr] };
   }, {});
 }
diff --git a/src/app/operators/operators.module.ts b/src/app/operators/operators.module.ts
index 86d8c4b9..9522a00e 100644
--- a/src/app/operators/operators.module.ts
+++ b/src/app/operators/operators.module.ts
@@ -9,7 +9,10 @@ import { ClipboardModule } from 'ngx-clipboard';
 import { ALL_OPERATORS, OperatorDoc } from '../../operator-docs';
 import { OperatorsRoutingModule } from './operators-routing.module';
 import { OperatorsComponent, OPERATORS_TOKEN } from './operators.component';
-import { OperatorComponent } from './components/operator/operator.component';
+import {
+  OperatorComponent,
+  OPERATOR_TOKEN
+} from './components/operator/operator.component';
 import { OperatorHeaderComponent } from './components/operator-header/operator-header.component';
 import { OperatorParametersComponent } from './components/operator-parameters/operator-parameters.component';
 import { OperatorExamplesComponent } from './components/operator-examples/operator-examples.component';
@@ -43,7 +46,10 @@ import { SharedModule } from '../shared.module';
     ClipboardModule,
     LayoutModule
   ],
-  providers: [{ provide: OPERATORS_TOKEN, useValue: ALL_OPERATORS }],
+  providers: [
+    { provide: OPERATORS_TOKEN, useValue: ALL_OPERATORS },
+    { provide: OPERATOR_TOKEN, useValue: ALL_OPERATORS }
+  ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class OperatorsModule {}
diff --git a/src/app/operators/specs/operators.spec.ts b/src/app/operators/specs/operators.spec.ts
index 9a060cca..fcf0629a 100644
--- a/src/app/operators/specs/operators.spec.ts
+++ b/src/app/operators/specs/operators.spec.ts
@@ -4,7 +4,11 @@ import { DebugElement, NO_ERRORS_SCHEMA } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { LayoutModule, BreakpointObserver } from '@angular/cdk/layout';
 import { Observable } from 'rxjs/Observable';
-import { OperatorsComponent, OPERATORS_TOKEN, groupOperatorsByType } from '../operators.component';
+import {
+  OperatorsComponent,
+  OPERATORS_TOKEN,
+  groupOperatorsByType
+} from '../operators.component';
 import { OperatorDoc } from '../../../operator-docs';
 
 const mockActivatedRoute = {
@@ -34,13 +38,13 @@ describe('Operators', () => {
 
     beforeEach(() => {
       TestBed.configureTestingModule({
-        imports: [ RouterTestingModule, LayoutModule ],
-        declarations: [ OperatorsComponent ],
+        imports: [RouterTestingModule, LayoutModule],
+        declarations: [OperatorsComponent],
         providers: [
           { provide: OPERATORS_TOKEN, useValue: mockOperators },
           { provide: ActivatedRoute, useValue: mockActivatedRoute }
         ],
-        schemas: [ NO_ERRORS_SCHEMA ]
+        schemas: [NO_ERRORS_SCHEMA]
       });
     });
 
@@ -58,13 +62,6 @@ describe('Operators', () => {
       expect(component.groupedOperators['utility'].length).toBe(2);
     });
 
-    it('should scroll to initial operator when fragment exists', () => {
-      spyOn(component, 'scrollToOperator').and.stub();
-      component.ngOnInit();
-
-      expect(component.scrollToOperator).toHaveBeenCalledWith('merge');
-    });
-
     it('should have a sidenav mode of over when on a small screen', () => {
       spyOn(breakpointService, 'isMatched').and.returnValue(true);
 
diff --git a/src/app/rxjs/rxjs-routing.module.ts b/src/app/rxjs/rxjs-routing.module.ts
index 3fdf4e87..d1851594 100644
--- a/src/app/rxjs/rxjs-routing.module.ts
+++ b/src/app/rxjs/rxjs-routing.module.ts
@@ -1,9 +1,14 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
-
 import { RxjsComponent } from './rxjs.component';
 
-const routes: Routes = [{ path: '', component: RxjsComponent }];
+const routes: Routes = [
+  {
+    path: '',
+    component: RxjsComponent,
+    data: { title: [], description: 'The complete RxJS documentation...' }
+  }
+];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
diff --git a/src/app/rxjs/rxjs.component.ts b/src/app/rxjs/rxjs.component.ts
index 0eba3544..4036ae40 100644
--- a/src/app/rxjs/rxjs.component.ts
+++ b/src/app/rxjs/rxjs.component.ts
@@ -1,15 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-rxjs',
   templateUrl: './rxjs.component.html',
   styleUrls: ['./rxjs.component.scss']
 })
-export class RxjsComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
+export class RxjsComponent {
+  constructor() {}
 }
diff --git a/src/app/services/seo.service.spec.ts b/src/app/services/seo.service.spec.ts
new file mode 100644
index 00000000..4dfa501f
--- /dev/null
+++ b/src/app/services/seo.service.spec.ts
@@ -0,0 +1,18 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { SeoService } from './seo.service';
+
+describe('SeoService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [SeoService]
+    });
+  });
+
+  it(
+    'should be created',
+    inject([SeoService], (service: SeoService) => {
+      expect(service).toBeTruthy();
+    })
+  );
+});
diff --git a/src/app/services/seo.service.ts b/src/app/services/seo.service.ts
new file mode 100644
index 00000000..967ec262
--- /dev/null
+++ b/src/app/services/seo.service.ts
@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+import { Title, Meta } from '@angular/platform-browser';
+
+export interface SeoData {
+  title?: string[];
+  description?: string;
+}
+
+@Injectable()
+export class SeoService {
+  // This part is happended at the end of head>title
+  private siteTitle = 'RxJS Documentation';
+
+  constructor(private _title: Title, private _meta: Meta) {}
+
+  public setHeaders(data: SeoData) {
+    this._title.setTitle([...data.title, this.siteTitle].join(' \u2022 '));
+    if (data.description && data.description.length) {
+      this._meta.updateTag({
+        content: data.description,
+        name: 'description'
+      });
+    }
+  }
+}
diff --git a/src/app/team/team-routing.module.ts b/src/app/team/team-routing.module.ts
index b55e24a8..627fb233 100644
--- a/src/app/team/team-routing.module.ts
+++ b/src/app/team/team-routing.module.ts
@@ -3,7 +3,16 @@ import { Routes, RouterModule } from '@angular/router';
 
 import { TeamComponent } from './team.component';
 
-const routes: Routes = [{ path: '', component: TeamComponent }];
+const routes: Routes = [
+  {
+    path: '',
+    component: TeamComponent,
+    data: {
+      title: ['The Team'],
+      description: 'People behind the RxJS Documentation project...'
+    }
+  }
+];
 
 @NgModule({
   imports: [RouterModule.forChild(routes)],
diff --git a/src/app/team/team.component.ts b/src/app/team/team.component.ts
index 77b9fdfc..e83fbc24 100644
--- a/src/app/team/team.component.ts
+++ b/src/app/team/team.component.ts
@@ -1,15 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-team',
   templateUrl: './team.component.html',
   styleUrls: ['./team.component.scss']
 })
-export class TeamComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-
+export class TeamComponent {
+  constructor() {}
 }
diff --git a/src/operator-docs/combination/combineAll.ts b/src/operator-docs/combination/combineAll.ts
index 98ba45d6..7edd6e91 100644
--- a/src/operator-docs/combination/combineAll.ts
+++ b/src/operator-docs/combination/combineAll.ts
@@ -1,31 +1,31 @@
 import { OperatorDoc } from '../operator.model';
 
 export const combineAll: OperatorDoc = {
-  'name': 'combineAll',
-  'operatorType': 'combination',
-  'signature': 'public combineAll(project: function): Observable',
-  'parameters': [
+  name: 'combineAll',
+  operatorType: 'combination',
+  signature: 'public combineAll(project: function): Observable',
+  parameters: [
     {
-      'name': 'project',
-      'type': 'function',
-      'attribute': 'optional',
-      'description': `An optional function to map the most recent values from each inner Observable into a new result.
+      name: 'project',
+      type: 'function',
+      attribute: 'optional',
+      description: `An optional function to map the most recent values from each inner Observable into a new result.
       Takes each of the most recent values from each collected inner Observable as arguments, in order.`
     }
   ],
-  'marbleUrl': 'http://reactivex.io/rxjs/img/combineAll.png',
-  'shortDescription': {
-    'description': `
-      Flattens an Observable-of-Observables by applying <a href="/operators#combineLatest" class="markdown-code">combineLatest</a>
+  marbleUrl: 'http://reactivex.io/rxjs/img/combineAll.png',
+  shortDescription: {
+    description: `
+      Flattens an Observable-of-Observables by applying <a href="/operators/combineLatest" class="markdown-code">combineLatest</a>
       when the Observable-of-Observables completes.`,
-    'extras': []
+    extras: []
   },
-  'walkthrough': {
-    'description': `
+  walkthrough: {
+    description: `
       <p>
         Takes an Observable of Observables, and collects all Observables from it.
         Once the outer Observable completes, it subscribes to all collected
-        Observables and combines their values using the <a href="/operators#combineLatest" class="markdown-code">combineLatest</a>
+        Observables and combines their values using the <a href="/operators/combineLatest" class="markdown-code">combineLatest</a>
         strategy, such that:
       </p>
       <ul>
@@ -46,10 +46,11 @@ export const combineAll: OperatorDoc = {
       </ul>
     `
   },
-  'examples': [
+  examples: [
     {
-      'name': 'Map two click events to a finite interval Observable, then apply <span class="markdown-code">combineAll</span>',
-      'code': `
+      name:
+        'Map two click events to a finite interval Observable, then apply <span class="markdown-code">combineAll</span>',
+      code: `
         const clicks = Rx.Observable.fromEvent(document, 'click');
         const higherOrder = clicks.map(ev =>
           Rx.Observable.interval(Math.random()*2000).take(3)
@@ -58,9 +59,12 @@ export const combineAll: OperatorDoc = {
         const result = higherOrder.combineAll();
         result.subscribe(x => console.log(x));
       `,
-      'externalLink': { 'platform': 'JSBin', 'url': 'http://jsbin.com/peparawuvo/1/embed?js,console,output'}
+      externalLink: {
+        platform: 'JSBin',
+        url: 'http://jsbin.com/peparawuvo/1/embed?js,console,output'
+      }
     }
   ],
-  'relatedOperators': [ 'combineLatest', 'mergeAll' ],
-  'additionalResources': []
+  relatedOperators: ['combineLatest', 'mergeAll'],
+  additionalResources: []
 };
diff --git a/src/operator-docs/filtering/debounceTime.ts b/src/operator-docs/filtering/debounceTime.ts
index cabc3e4f..99a196ef 100644
--- a/src/operator-docs/filtering/debounceTime.ts
+++ b/src/operator-docs/filtering/debounceTime.ts
@@ -1,31 +1,31 @@
-import { OperatorDoc } from "../operator.model";
+import { OperatorDoc } from '../operator.model';
 
 export const debounceTime: OperatorDoc = {
-  name: "debounceTime",
-  operatorType: "filtering",
+  name: 'debounceTime',
+  operatorType: 'filtering',
   signature:
-    "public debounceTime<T>(dueTime: number, scheduler: IScheduler = async): Observable",
+    'public debounceTime<T>(dueTime: number, scheduler: IScheduler = async): Observable',
   parameters: [
     {
-      name: "dueTime",
-      type: "number",
-      attribute: "mandatory",
+      name: 'dueTime',
+      type: 'number',
+      attribute: 'mandatory',
       description: `The timeout duration in milliseconds
       (or the time unit determined internally by the optional scheduler) for the window of time required to
       wait for emission silence before emitting the most recent source value.`
     },
     {
-      name: "scheduler",
-      type: "IScheduler",
-      attribute: "optional",
+      name: 'scheduler',
+      type: 'IScheduler',
+      attribute: 'optional',
       description: `The IScheduler to use for managing the timers that handle the timeout for each value.`
     }
   ],
-  marbleUrl: "http://reactivex.io/rxjs/img/debounceTime.png",
+  marbleUrl: 'http://reactivex.io/rxjs/img/debounceTime.png',
   shortDescription: {
     description: `
     Emits a value from the source Observable only after a particular time span has passed without another source emission.
-    It's like <a class="markdown-code" href="href="/operators#delay">delay</a>
+    It's like <a class="markdown-code" href="/operators/delay">delay</a>
     , but passes only the most recent value from each burst of emissions.`,
     extras: []
   },
@@ -52,7 +52,7 @@ export const debounceTime: OperatorDoc = {
   examples: [
     {
       name:
-        "Emit the most recent value after a burst of value changes over a defined time",
+        'Emit the most recent value after a burst of value changes over a defined time',
       code: `
         const search = document.querySelector('#search');
         const output = document.querySelector('#output');
@@ -64,17 +64,17 @@ export const debounceTime: OperatorDoc = {
           .subscribe((search)=> output.textContent=search);
       `,
       externalLink: {
-        platform: "JSBin",
-        url: "http://jsbin.com/gapobakuwu/edit?js,output"
+        platform: 'JSBin',
+        url: 'http://jsbin.com/gapobakuwu/edit?js,output'
       }
     }
   ],
   relatedOperators: [
-    "auditTime",
-    "debounce",
-    "delay",
-    "sampleTime",
-    "throttleTime"
+    'auditTime',
+    'debounce',
+    'delay',
+    'sampleTime',
+    'throttleTime'
   ],
   additionalResources: []
 };