From c5f9f3cbeceb4dc843aba9c40e5b0df2be188d0c Mon Sep 17 00:00:00 2001
From: Naomi Black <naomitraveller@gmail.com>
Date: Wed, 16 Dec 2015 14:14:02 -0800
Subject: [PATCH] chore(quickstart): correct IIFE definition and tab names for
 app.component.js

---
 public/docs/js/latest/quickstart.jade | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/public/docs/js/latest/quickstart.jade b/public/docs/js/latest/quickstart.jade
index 662d737dea..b9135b57f4 100644
--- a/public/docs/js/latest/quickstart.jade
+++ b/public/docs/js/latest/quickstart.jade
@@ -24,13 +24,15 @@ figure.image-display
 :marked
   Here is the file structure:
 
-code-example(format="").
-  angular2-quickstart
-  ├─ app
-  │   ├── app.component.js
-  │   └── boot.js
-  ├─ index.htm  
-  └─ license.md
+.filetree
+  .file angular2-quickstart
+  .children
+    .file app
+    .children
+      .file app.component.js
+      .file boot.js
+    .file index.htm
+    .file license.md
 :marked
   Functionally, it's an `index.html` and two JavaScript files in an `app/` folder.
   We can handle that!
@@ -118,7 +120,8 @@ code-example(format="").
   We're creating a visual component named **`AppComponent`** by chaining the
   `Component` and `Class` methods that belong to the **global Angular core namespace, `ng.core`**.
   
-+makeExample('quickstart/js/app/app.component.js', 'ng-namespace-funcs', 'app/component.js (Angular 2 methods)')(format=".")
++makeExample('quickstart/js/app/app.component.js', 'ng-namespace-funcs', 'app/app.component.js ' +
+'(Angular 2 methods)')(format=".")
   
 :marked
   The **`Component`** method takes a configuration object with two
@@ -132,18 +135,18 @@ code-example(format="").
   Angular apps are modular. They consist of many files each dedicated to a purpose.
   ES5 JavaScript doesn't have modules, but we don't want to pollute the global namespace.
   
-  So we'll surround the code in a simple IIFE ("Immediately Invoked Function Execution").
+  So we'll surround the code in a simple IIFE ("Immediately Invoked Function Expression").
   It receives our `app` 'namespace' object as argument. 
   We call our IIFE with `window.app` if it exists - and if it doesn't we 
   initialize it as an empty object.
   
-+makeExample('quickstart/js/app/app.component.js', 'iife', 'app/component.js (IIFE)')(format=".")
++makeExample('quickstart/js/app/app.component.js', 'iife', 'app/app.component.js (IIFE)')(format=".")
   
 :marked
   Most application files *export* one thing into our faux-pas 'namespace', such as a component.
   Our `app.component.js` file exports the `AppComponent`.
   
-+makeExample('quickstart/js/app/app.component.js', 'export', 'app/component.js (export)')(format=".")
++makeExample('quickstart/js/app/app.component.js', 'export', 'app/app.component.js (export)')(format=".")
   
 :marked
   A more sophisticated application would have child components that descended from