docs(quickstart): Jesus's, Deb's, and John's suggestions.

Author: wardbell

public/docs/_examples/cb-aot-compiler/e2e-spec.ts

@@ -11,7 +11,7 @@ describe('AOT Compilation', function () {
 
     it('should load page and click button', function (done) {
       let headingSelector = element.all(by.css('h1')).get(0);
-      expect(headingSelector.getText()).toEqual('Hello Angular!');
+      expect(headingSelector.getText()).toEqual('Hello Angular');
 
       expect(element.all(by.xpath('//div[text()="Magneta"]')).get(0).isPresent()).toBe(true);
       expect(element.all(by.xpath('//div[text()="Bombasto"]')).get(0).isPresent()).toBe(true);

public/docs/_examples/cb-aot-compiler/ts/app/app.component.html

@@ -1,6 +1,6 @@
 <!-- #docregion -->
 <button (click)="toggleHeading()">Toggle Heading</button>
-<h1 *ngIf="showHeading">Hello Angular!</h1>
+<h1 *ngIf="showHeading">Hello Angular</h1>
 
 <h3>List of Heroes</h3>
 <div *ngFor="let hero of heroes">{{hero}}</div>

public/docs/_examples/quickstart/dart/lib/app_component.dart

@@ -5,7 +5,7 @@ import 'package:angular2/core.dart';
 // #docregion metadata
 @Component(
     selector: 'my-app',
-    template: '<h1>Hello Angular!</h1>')
+    template: '<h1>Hello Angular</h1>')
 // #enddocregion metadata
 // #docregion class
 class AppComponent {}

public/docs/_examples/quickstart/e2e-spec.ts

@@ -4,7 +4,7 @@ import { browser, element, by } from 'protractor';
 
 describe('QuickStart E2E Tests', function () {
 
-  let expectedMsg = 'Hello Angular!';
+  let expectedMsg = 'Hello Angular';
 
   beforeEach(function () {
     browser.get('');

public/docs/_examples/quickstart/js/app/app.component.js

@@ -10,7 +10,7 @@
     ng.core.Component({
       // #enddocregion ng-namespace-funcs
       selector: 'my-app',
-      template: '<h1>Hello Angular!</h1>'
+      template: '<h1>Hello Angular</h1>'
     // #docregion ng-namespace-funcs
     })
     // #enddocregion component

public/docs/_examples/quickstart/ts/app/app.module.ts

@@ -3,10 +3,10 @@ import { Component, NgModule } from '@angular/core';
 import { BrowserModule }       from '@angular/platform-browser';
 
 @Component({
-  template: `<h1>Hello Angular!</h1>`,
+  template: `<h1>Hello Angular</h1>`,
   selector: 'my-app'
 })
-export class AppComponent { }
+class AppComponent { }
 
 @NgModule({
   imports:      [ BrowserModule ],

public/docs/_examples/quickstart/ts/app/main.ts

@@ -2,5 +2,4 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app.module';
 
-const platform = platformBrowserDynamic();
-platform.bootstrapModule(AppModule);
+platformBrowserDynamic().bootstrapModule(AppModule);

public/docs/_examples/setup/e2e-spec.ts

@@ -4,7 +4,7 @@ import { browser, element, by } from 'protractor';
 
 describe('QuickStart E2E Tests', function () {
 
-  let expectedMsg = 'Hello Angular!';
+  let expectedMsg = 'Hello Angular';
 
   beforeEach(function () {
     browser.get('');

public/docs/_examples/setup/ts/app/app.component.ts

@@ -3,6 +3,6 @@ import { Component } from '@angular/core';
 
 @Component({
     selector: 'my-app',
-    template: `<h1>Hello Angular!</h1>`
+    template: `<h1>Hello Angular</h1>`
 })
 export class AppComponent { }

public/docs/js/latest/quickstart.jade

@@ -208,7 +208,7 @@ code-example(format="").
 :marked
   The `template` property holds the component's companion template.
   A template is a form of HTML that tells Angular how to render a view.
-  Our template is a single line of HTML announcing "Hello Angular!".
+  Our template is a single line of HTML announcing "Hello Angular".
 
   Now we need something to tell Angular to load this component.
 

public/docs/ts/_cache/quickstart.jade

@@ -290,7 +290,7 @@ p.
     The **template** specifies the component's companion template,
     written in an enhanced form of HTML that tells Angular how to render this component's view.
 
-    >Our template is a single line of HTML announcing "Hello Angular!".
+    >Our template is a single line of HTML announcing "Hello Angular".
 
     >A more advanced template could contain data bindings to component properties
     and might identify other application components which have their own templates.

public/docs/ts/latest/cli-quickstart.jade

@@ -199,7 +199,7 @@ h3#component-decorator @Component decorator
 +makeExample('src/app/cli-quickstart.component.html', null, 'src/app/cli-quickstart.component.html')(format='.')
 :marked
   The `{{title}}` is an _interpolation_ binding that causes Angular to display the component's
-  `title` property. After out edit, Angular displays "Hello Angular!".
+  `title` property. After out edit, Angular displays "Hello Angular".
   We'll learn more about data binding as we read through the documentation.
 
   The **styleUrls** array specifies the location(s) of the component's private CSS style file(s).

public/docs/ts/latest/guide/learning-angular.jade

@@ -11,7 +11,7 @@ figure
   Those new to Angular may wish to follow this popular learning path.
   <br clear="all">
 :marked
-  1. Try the [QuickStart](../quickstart.html)'s live coding example, "Hello, Angular!".
+  1. Try the [QuickStart](../quickstart.html)'s live coding example, "Hello, Angular".
 
   1. [Setup](setup.html) your local enviroment for efficient application development
   both online and offline.

public/docs/ts/latest/guide/setup.jade

@@ -9,12 +9,12 @@ block includes
   play with the code, share your changes with friends, and download and run the code on your own machine.
 
   As much fun as this is
-  * you can't ship your app in plunker.
-  * development in the browser is slow.
+  * you can't ship your app in plunker
+  * development in the browser is slow
   * you aren't always online
-  * the type support, refactoring, and code completion only work in your local IDE.
+  * the type support, refactoring, and code completion only work in your local IDE
 
-  # Setup a local develoment environment
+  # Setup a local development environment
 
   Fortunately, setting up a local development environment is quick and easy:
   1. `git clone` the [**QuickStart** repository](https://github.com/angular/quickstart "Clone the github QuickStart repo") 
@@ -40,9 +40,9 @@ code-example(language="sh" class="code-shell").
   1. [install the `npm` packages](#install-node "What if you don't have node?")
   1. run it
 
-  ## What's different?
+  ## What's different about the setup?
 
-  The setup delivers the same application as the [QuickStart](../quickstart.html "Angular QuickStart"),
+  The setup (zip or clone) delivers the same application as the [QuickStart](../quickstart.html "Angular QuickStart"),
   a fact you can confirm with the <live-example></live-example>.
 
   But there are _many more files_ in the project folder on your machine. 
@@ -104,7 +104,9 @@ table(width="100%")
 :marked
   ## Prerequisites: _node_ and _npm_
 
-    Node.js and npm are essential tools in modern web development. Angular developers need them too.
+    Node.js and npm are essential to modern web development with Angular and other platforms.
+    Node powers client development and build tools.
+    The _npm_ package manager, itself a _node_ application, installs JavaScript libraries.
 
     <a href="https://docs.npmjs.com/getting-started/installing-node" target="_blank" title="Installing Node.js and updating npm">
     Get them now</a> if they're not already installed on your machine.
@@ -113,9 +115,6 @@ table(width="100%")
     by running the commands `node -v` and `npm -v` in a terminal/console window.
     Older versions produce errors.
 
-    We recommend [nvm](https://github.com/creationix/nvm) for managing multiple versions of node and npm. You may need [nvm](https://github.com/creationix/nvm) if you already have projects running on your machine that use other versions of node and npm.
-  
-.l-sub-section
-  :marked
-    ### Next step
-    [The _Tour of Heroes_ tutorial](../tutorial)
+    We recommend [nvm](https://github.com/creationix/nvm) for managing multiple versions of node and npm. 
+    You may need [nvm](https://github.com/creationix/nvm) if you already have projects running on your machine that 
+    use other versions of node and npm.

public/docs/ts/latest/guide/template-syntax.jade

@@ -46,7 +46,7 @@ block includes
   The [QuickStart](../quickstart.html) application has a template that is pure HTML:
 
 code-example(language="html" escape="html").
-  <h1>Hello Angular!</h1>
+  <h1>Hello Angular</h1>
 
 :marked
   Almost all HTML syntax is valid template syntax. The `<script>` element is a notable exception; it is forbidden, eliminating the risk of script injection attacks. (In practice, `<script>` is simply ignored.)

public/docs/ts/latest/quickstart.jade

@@ -12,17 +12,17 @@ nter
 
 +makeExample('app/app.module.ts','','app/app.module.ts')(format='.')
 :marked
-  The `AppComponent` template renders a "Hello Angular!" header into a custom `<my-app>` element.
+  The `AppComponent` template renders a "Hello Angular" header into a custom `<my-app>` element.
 
   The `AppModule` tells Angular<br>
-  &nbsp;&nbsp;***what you need*** &mdash; _imports_ the `BrowserModule` to display the application in the browser.<br>
+  &nbsp;&nbsp;***what you need*** &mdash; _imports_ the `BrowserModule` to run the application in the browser.<br>
   &nbsp;&nbsp;***what you created*** &mdash; _declares_ the `AppComponent`.<br>
   &nbsp;&nbsp;***what to show*** &mdash; _bootstrap_ the `AppComponent` onto the `index.html` web page within the `<my-app>` tag.
 
 +makeExample('index.html','my-app','index.html (body)')(format='.')
 :marked
   You'll find more _live code examples_ like this one on almost every documentation page.
-  
+
   # TypeScript
   This example is written in <a href="http://www.typescriptlang.org/" target="_blank" title="TypeScript">TypeScript</a>,
   a strongly-typed, super-set of the latest JavaScript.