diff --git a/public/docs/js/latest/quickstart.jade b/public/docs/js/latest/quickstart.jade index e2bfe52d1f..706dad05e0 100644 --- a/public/docs/js/latest/quickstart.jade +++ b/public/docs/js/latest/quickstart.jade @@ -18,19 +18,18 @@ code git clone https://github.com/davideast/concious.git es6-shim .l-sub-section - h3 A word on ES6 + h3 The es6-shim p. Angular builds on top of ES6, the new specification of the JavaScript language. - Not all ES6 features are available in all browsers. The following es6-shim - repository allows you to use ES6 in the browser today. - - p. - Angular is available on npm. Configuring Angular to run ES6 in the browser - requires a build process, detailed here. + ES6 is not widely supported in all browsers today. The following es6-shim + repository allows you to use ES6 in the browser. p. The es6-shim package includes Angular and dependencies needed to compile - ES6 in the browser. Think of the es6-shim repository as package rather than a new project. + ES6 in the browser, such as Traceur. Traceur is an ES6 compiler that transpiles ES6 to ES5 code. + + p. + Think of the es6-shim repository as package rather than a new project. @@ -42,7 +41,10 @@ This quickstart will consist of two files, an index.html and a app.es6. Both of these files will be at the root of the project. The .es6 extension signifies that the file uses ES6 syntax. - Using the ES6 module syntax you can import the required modules from Angular2. + + p This quickstart will create a component that renders "Hello Alice" to the page. + + p Using the ES6 module syntax you can import the required modules from Angular2. pre.prettyprint.linenums code import {Component, Template, bootstrap} from 'angular2/angular2'; @@ -74,9 +76,7 @@ selector: 'my-app' }) @Template({ - inline: ` - <h1>Hello {{ name }}</h1> - ` + inline: `<h1>Hello {{ name }}</h1>` }) // Component Controller class MyAppComponent { @@ -170,10 +170,8 @@ h2#section-angular-create-account 5. Declare the HTML p. - Create an index.html file at the root of the project. - Include the es6-shim.js file in the head tag. - Now, declare the app component the body. The es6-shim must - load before any application code. + Inside of the index.html, include the es6-shim.js file in the head tag. + Now, declare the app component the body. The es6-shim must load before any application code. pre.prettyprint.linenums code.