slides through modules

slides/080-why.html

@@ -17,4 +17,5 @@
         "Minification or \"Packing\""
     ];
 </script>
-<next-slide>090-embrace</next-slide>
+<next-slide>090-embrace</next-slide>
+<transition>slide-left</transition>

slides/165-classes-2.html

@@ -12,4 +12,5 @@ const sq = new square();
 
 const hex = sq.makeShape(6);
 // error: static method isn't inherited
-</pre>
+</pre>
+<next-slide>170-es5-classes</next-slide>

slides/170-es5-classes.html

@@ -0,0 +1,19 @@
+<title>Looking Back...</title>
+<h1>Looking Back...</h1>
+<pre>
+var shape = (function () {
+    function shape(sides) {
+        this._sides = sides;
+    }
+    Object.defineProperty(shape.prototype, "sides", {
+        get: function () { return this._sides; },
+        enumerable: true,
+        configurable: true
+    });
+    shape.makeShape = function (sides) {
+        return new shape(sides);
+    };
+    return shape;
+}());    
+</pre>
+<next-slide>173-es5-extends</next-slide>

slides/173-es5-extends.html

@@ -0,0 +1,12 @@
+<title>Looking Back (2)...</title>
+<h1>Looking Back...</h1>
+<pre>
+var square = (function (_super) {
+    __extends(square, _super);
+    function square() {
+        return _super.call(this, 4) || this;
+    }
+    return square;
+}(shape));
+</pre>
+<next-slide>177-es5-ext-impl</next-slide>

slides/177-es5-ext-impl.html

@@ -0,0 +1,18 @@
+<title>Looking Back (3)...</title>
+<h1>Looking Back...</h1>
+<pre>
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+</pre>
+<next-slide>180-modules</next-slide>

slides/180-modules.html

@@ -0,0 +1,20 @@
+<title>Modules</title>
+<h1>Modules</h1>
+<div class="center">
+    <div class="card appear" repeat="modules">
+        <span>{{item}}</span>
+    </div>
+</div>
+<script>
+    this.modules = [
+        "'Ordinary' JavaScript Files",
+        "'strict mode'",
+        "imports and exports",
+        "Scope",
+        "Parse",
+        "Load",
+        "Link",
+        "Run"
+    ];
+</script>
+<next-slide>190-this-app</next-slide>

slides/190-this-app.html

@@ -0,0 +1,18 @@
+<title>Modules: This App</title>
+<h1>Modules: This App</h1>
+<pre>
+app.js 
+-- navigator.js 
+   -- slideLoader.js
+      .. slide.js ⤵
+   -- slide.js
+      -- dataBinding.js
+         -- observable.js
+   -- router.js
+   -- animator.js
+-- controls.js
+   .. navigator.js ⤴
+-- keyhandler.js
+   .. navigator.js ⤴
+</pre>
+<h2 class="appear">Inception Demo</h2>