fix capitalization and grammar

Author: filipesilva

public/docs/js/latest/cookbook/ts-to-js.jade

@@ -36,7 +36,7 @@ a(id="from-ts")
 :marked
   ## From TS to ES6 to ES5
 
-  Since TypeScript is a superset of ES6 Javascript, and ES6 itself is a superset of ES5, the 
+  Since TypeScript is a superset of ES6 JavaScript, and ES6 itself is a superset of ES5, the 
   transformation of Typescript code all the way to ES5 javascript can be seen as "shedding"
   features.
 
@@ -47,12 +47,12 @@ a(id="from-ts")
   such as `public` and `private`. 
   The exception is type annotations used for dependency injection, which can be kept.
 
-  Going from ES6 with decorators to plan ES6 Javascript we lose all 
+  Going from ES6 with decorators to plain ES6 JavaScript we lose all 
   [decorators](https://www.typescriptlang.org/docs/handbook/decorators.html)
-  the remaining type annotations.
+  and the remaining type annotations.
   We also lose class properties, which now have to be declared in the class constructor.
 
-  Finally, in the transition from ES6 to ES5 Javascript the main missing features are `import`
+  Finally, in the transition from ES6 to ES5 JavaScript the main missing features are `import`
   statements and `class` declarations. 
 
   For ES6 transpilation we recommend using a similar setup as our TypeScript quickstart, 
@@ -67,7 +67,7 @@ a(id="modularity")
 
   ### Importing Angular Code
 
-  In TypeScript and ES6 Javascript, Angular classes, functions, and other members are imported
+  In TypeScript and ES6 JavaScript, Angular classes, functions, and other members are imported
   with ES6 `import` statements.
 
   In ES5 JavaScript code, when using [the Angular packages](../glossary.html#!#scoped-package),
@@ -86,21 +86,21 @@ a(id="modularity")
     ng2import
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)
 
 :marked
   ### Importing and Exporting Application Code
 
-  Each file in an Angular TypeScript or ES6 Javascript application constitutes a ES6 module.
+  Each file in an Angular TypeScript or ES6 JavaScript application constitutes a ES6 module.
   When we want to make something from a module available to other modules, we `export` it.
 
   In an Angular ES5 JavaScript application, we load each file to the page using a `<script>` tag. 
   Each file can make things available to other files via the shared global `window` scope.
 
-  We often introduce an application namespace object (such as `"app"`) onto `window` and attach
+  We often introduce an application namespace object (such as `app`) onto `window` and attach
   everything we need to share to that namespace object.
   We also wrap our code in an 
   [Immediately Invoked Function Expression (IIFE)](https://en.wikipedia.org/wiki/Immediately-invoked_function_expression).
@@ -118,16 +118,16 @@ a(id="modularity")
     appexport
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)
 
 :marked
-  Using Typescript or ES6 Javascript, in other modules we can then `import` things that have been exported
+  Using Typescript or ES6 JavaScript, in other modules we can then `import` things that have been exported
   elsewhere.
 
-  On ES5 Javascript we can access anything using the shared namespace in other files.
+  In ES5 JavaScript we can access anything using the shared namespace in other files.
   Note that the order of `<script>` tags on the page is significant. 
   We must load a file that defines a shared member before a file that uses that member.
 
@@ -143,9 +143,9 @@ a(id="modularity")
     appimport
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)
 
 .alert.is-helpful
@@ -164,7 +164,7 @@ a(id="class-metadata")
 
   ### Classes
 
-  We put most of our Angular TypeScript or ES6 Javascript code into classes. ES6 without decorators
+  We put most of our Angular TypeScript or ES6 JavaScript code into classes. ES6 without decorators
   also does not have support for class properties, so they must be assigned inside the constructor.
 
   ES5 JavaScript has no classes. We use the constructor pattern instead which works with
@@ -182,9 +182,9 @@ a(id="class-metadata")
     constructorproto
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)
 
 :marked
@@ -196,12 +196,12 @@ a(id="class-metadata")
   For example, a component must have a 
   [`@Component`](../api/core/index/Component-decorator.html) decorator.
 
-  On ES5/6 Javascript we can instead attach an `annotations` array to a class/constructor 
+  In ES5/6 JavaScript we can instead attach an `annotations` array to a class/constructor 
   to provide metadata. 
   Each item in the array corresponds to a decorator.
 
   The pattern of creating a constructor and decorating it with metadata is so common that Angular 
-  provides an alternative ES5 convenience class API for it for ES5 Javascript.
+  provides an alternative ES5 convenience class API for it for ES5 JavaScript.
   This API lets us define everything in a single expression.
 
   With this API we first call the `ng.core.Component` function, followed by a chained `Class` 
@@ -225,10 +225,10 @@ a(id="class-metadata")
     component
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript,
-    ES5 Javascript with Class API
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript,
+    ES5 JavaScript with Class API
   `)
 
 :marked
@@ -251,9 +251,9 @@ a(id="class-metadata")
   `,`
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)  
 
 a(id="property-metadata")
@@ -286,9 +286,9 @@ a(id="property-metadata")
   `,`
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)
 
 .l-main-section
@@ -320,10 +320,10 @@ a(id="property-metadata")
   `,`
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript,
-    ES5 Javascript with Class API
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript,
+    ES5 JavaScript with Class API
   `)
 
 :marked
@@ -351,10 +351,10 @@ a(id="property-metadata")
   ctor
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript,
-    ES5 Javascript with Class API
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript,
+    ES5 JavaScript with Class API
   `)
 
 :marked
@@ -366,9 +366,9 @@ a(id="property-metadata")
   inject content child queries with [`@ContentChild`](../api/core/index/ContentChild-decorator.html)
   and inject view child queries with [`@ViewChild`](../api/core/index/ViewChild-decorator.html)).
 
-  In ES6 Javascript we just add the extra decorators to the nested injection parameters array.
+  In ES6 JavaScript we just add the extra decorators to the nested injection parameters array.
 
-  To achieve the same effect in ES5 JavaScript, use the a nested array with the constructor 
+  To achieve the same effect in ES5 JavaScript, use a nested array with the constructor 
   array notation in which the injection information precedes the constructor function itself.
 
   We can apply other additional parameter decorators such as
@@ -384,9 +384,9 @@ a(id="property-metadata")
   `,`
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)  
 
 a(id="host-query-metadata")
@@ -420,9 +420,9 @@ a(id="host-query-metadata")
   `,`
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)
 .alert.is-helpful
   :marked
@@ -440,7 +440,7 @@ a(id="host-query-metadata")
   allow a component to query instances of other components that are used in
   its view. 
 
-  In ES5/6 Javascript we access a component's view children by adding a `queries` attribute to
+  In ES5/6 JavaScript we access a component's view children by adding a `queries` attribute to
   the component metadata. It should be an object where:
 
   * Each key is the name of a component property that will hold the view children
@@ -458,9 +458,9 @@ a(id="host-query-metadata")
     view
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)
 
 :marked
@@ -484,7 +484,7 @@ a(id="host-query-metadata")
     content
   `,`
     Typescript,
-    ES6 Javascript with decorators,
-    ES6 Javascript,
-    ES5 Javascript
+    ES6 JavaScript with decorators,
+    ES6 JavaScript,
+    ES5 JavaScript
   `)