From e19a4d83bdbc401788078393aa8da19a133653f7 Mon Sep 17 00:00:00 2001
From: Jeremy Likness <jeremy@jeremylikness.com>
Date: Wed, 29 Jan 2020 10:26:00 -0800
Subject: [PATCH] slides through modules

---
 slides/080-why.html          |  3 ++-
 slides/165-classes-2.html    |  3 ++-
 slides/170-es5-classes.html  | 19 +++++++++++++++++++
 slides/173-es5-extends.html  | 12 ++++++++++++
 slides/177-es5-ext-impl.html | 18 ++++++++++++++++++
 slides/180-modules.html      | 20 ++++++++++++++++++++
 slides/190-this-app.html     | 18 ++++++++++++++++++
 7 files changed, 91 insertions(+), 2 deletions(-)
 create mode 100644 slides/170-es5-classes.html
 create mode 100644 slides/173-es5-extends.html
 create mode 100644 slides/177-es5-ext-impl.html
 create mode 100644 slides/180-modules.html
 create mode 100644 slides/190-this-app.html

diff --git a/slides/080-why.html b/slides/080-why.html
index 051841f..ef6589c 100644
--- a/slides/080-why.html
+++ b/slides/080-why.html
@@ -17,4 +17,5 @@
         "Minification or \"Packing\""
     ];
 </script>
-<next-slide>090-embrace</next-slide>
\ No newline at end of file
+<next-slide>090-embrace</next-slide>
+<transition>slide-left</transition>
\ No newline at end of file
diff --git a/slides/165-classes-2.html b/slides/165-classes-2.html
index 976f4d7..0b6b775 100644
--- a/slides/165-classes-2.html
+++ b/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>
\ No newline at end of file
+</pre>
+<next-slide>170-es5-classes</next-slide>
\ No newline at end of file
diff --git a/slides/170-es5-classes.html b/slides/170-es5-classes.html
new file mode 100644
index 0000000..ee52fb4
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/slides/173-es5-extends.html b/slides/173-es5-extends.html
new file mode 100644
index 0000000..e2c1ffb
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/slides/177-es5-ext-impl.html b/slides/177-es5-ext-impl.html
new file mode 100644
index 0000000..86adb88
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/slides/180-modules.html b/slides/180-modules.html
new file mode 100644
index 0000000..26d63c2
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/slides/190-this-app.html b/slides/190-this-app.html
new file mode 100644
index 0000000..2744a85
--- /dev/null
+++ b/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>
\ No newline at end of file