docs(cookbook/graphql): Change guide to include a working server from the start

Author: Urigo

public/docs/ts/latest/cookbook/graphql.jade

@@ -274,6 +274,19 @@ code-example(language="sh" class="code-shell").
     of `ApolloClient`, call its constructor with different parameters. 
     Go to the [Apollo documentation](http://dev.apollodata.com/angular2/initialization.html#creating-client) for further resources.
 
+:marked
+  Usually you need to query an existing server.
+  The server for this guide is based on the [Tour of Heroes](ts/latest/tutorial/) app.
+  The starter app already has an in-memory GraphQL server prepared. 
+  
+  Now all that's left is to connect the in-memory server to the Apollo Client configuration 
+  by importing `networkInterface` and adding it to the `client` constant in `client.ts`.
++makeExample('heroes-graphql/ts/src/app/client.ts', '', 'client.ts')
+.l-sub-section
+  :marked
+    In order to learn how to create the GraphQL server for this example, follow the instructions on 
+    [Appendix: Setting up a GraphQL server](#server).
+
 :marked
   After initializing the Apollo Client, import the `ApolloModule` and `getClient` 
   which you just configured in `client.ts` into the app's root module:
@@ -302,21 +315,12 @@ code-example(language="sh" class="code-shell").
   mutations, which are _actions_ that you 
   can call on the server, similar to a POST request in REST.
 
-  Here is an example schema:
+  Here is the schema the Tour of Heroes server in the app use:
 
 +makeExample('heroes-graphql/ts/src/app/in-memory-graphql.ts', 'graphql-schema', 'Tour of heroes schema')  
 
-.l-sub-section
-  :marked
-    Usually you need to query an existing server.
-
-    The server for this guide is based on the [Tour of Heroes](ts/latest/tutorial/) app.
-
-    In order to create the GraphQL server for this example, follow the instructions on 
-    [Appendix: Setting up a GraphQL server](#server).
-
 :marked
-  Once you have a server, to start querying data, begin by importing `Apollo` into `heroes.component.ts`,
+  Once you have a server, which is prepared already in this app, to start querying data, begin by importing `Apollo` into `heroes.component.ts`,
   and injecting it into the constructor:
 +makeExample('heroes-graphql/ts/src/app/heroes.component.ts', 'import-apollo', 'heroes.component.ts (excerpt)')
 +makeExample('heroes-graphql/ts/src/app/heroes.component.ts', 'inject-apollo', 'heroes.component.ts (excerpt)')