From 36dca795849bed516fa8188884fa287239365d90 Mon Sep 17 00:00:00 2001
From: Micah Godbolt <mgodbolt@microsoft.com>
Date: Wed, 20 Feb 2019 18:47:38 -0800
Subject: [PATCH 1/4] html demo

---
 step1-00/README.md | 95 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 step1-00/README.md

diff --git a/step1-00/README.md b/step1-00/README.md
new file mode 100644
index 0000000..bb715f6
--- /dev/null
+++ b/step1-00/README.md
@@ -0,0 +1,95 @@
+## How the Web Works
+
+A simple web page is rendered on the screen via the following steps
+
+> There are many sub steps in this process
+> but these are the highlights
+
+1. You instruct the browser which webpage you'd like to see
+2. The browser looks up the site in a 'DNS Server'
+   - This is like a big phone book for website server addresses
+3. The browser asks the server to send over a specific page of the website `developer.mozilla.org/filename.html` or `developer.mozilla.org`
+   - If asked for a 'root' level address, most servers will return `'root'/index.html`
+4. The server sends the HTML file back to the browser
+5. The browser starts to read the HTML file from the top to the bottom, \*stopping any time that additional resources are required
+   - CSS stylesheets
+   - JavaScript files
+   - Fonts
+   - Images
+6. Browser makes requests for additional resources
+   - Those resources might request even more files
+7. Once the browser gets to the bottom of the page it can start rendering, and then load the page
+
+![MDN Page Load](https://user-images.githubusercontent.com/1434956/53033758-9da8d580-3426-11e9-9ab8-09f42ccab9a8.png)
+
+## HTML Demo
+
+The [HTML demo page](http://localhost:8080/step1-00/html-demo/html-demo.html) is a large collection of HTML elements that you will come across during development. The full list of elements can be found on [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element).
+
+To learn more about each element, click on the elements below.
+
+### [Document Meta Data](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Document_metadata)
+
+- [html](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html) - Root level element
+- [head](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head) - Provides general information (meta-data) about the page
+- [title](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) - Defines document title shown via browser tab
+- [link](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) - Links to external resource (usually stylesheets)
+- [style](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style) - Inline style tag
+
+### [Content Sectioning](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Content_sectioning)
+
+- [section](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section) - Generic section of content
+- [header](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header) - Introductory content or navigational aid
+- [footer](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer) - Footer for nearest sectioning element
+- [main](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main) - Dominent content
+- [nav](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav) - Navigational aid
+- [article](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article) - Syndicated content
+- [aside](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside) - Related information
+- [h1,h2,h3,h4,h5,h6](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) - Section headings
+
+### [Block Text Content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Text_content)
+
+- [div](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) - A generic block level container
+- [p](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p) - A paragraph
+- [ol](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol) - Ordered list (1,2,3)
+- [ul](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul) - Unordered list
+- [li](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li) - List item
+- [pre](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre) - Preformatted text
+
+### [Inline Text Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Inline_text_semantics)
+
+- [a](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) - Anchor element for creating links to other pages, files, email
+- [span](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span) - Generic inline container
+- [b](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b) - Bring attention to content
+- [em](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em) - Stress emphasis
+- [i](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i) - Range of text set off from normal text
+- [sub](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub) - Subscript text
+- [sup](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup) - Superscript text
+- [code](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code) - Fragment of computer code (monospace)
+
+### [Image and multimedia](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Inline_text_semantics)
+
+- [img](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img) - Embeds image into document
+
+### [Table Content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Table_content)
+
+- [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) - Root table container
+- [thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead) - Table head container
+- [tr](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr) - Table row
+- [th](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th) - Table head cell
+- [tbody](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody) - Table body container
+- [td](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) - Normal table cell
+
+### [Forms](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Forms)
+
+- [form](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) - Form container
+- [label](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label) - Label text for form elements
+- [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) - A dropdown container
+- [option](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) - Dropdown elements
+- [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) - A form field to collect various inputs. Types include:
+  - text
+  - checkbox
+  - color
+  - date
+  - radio
+  - submit

From bdf6b2b0a9769c061a3b699a899865c652f4c19c Mon Sep 17 00:00:00 2001
From: Micah Godbolt <mgodbolt@microsoft.com>
Date: Wed, 20 Feb 2019 19:13:05 -0800
Subject: [PATCH 2/4] updating css demo

---
 package-lock.json                             | 41 ++++++---
 step1-00/README.md                            | 72 ---------------
 .../{css-demo-finished.css => README.md}      | 36 +++++++-
 step1-00/css-demo/css-demo-finished.html      | 29 ------
 step1-00/css-demo/css-demo.css                | 88 +++++++++++++++++++
 step1-00/css-demo/css-demo.html               |  2 +-
 step1-00/html-demo/README.md                  | 71 +++++++++++++++
 step1-00/html-demo/html-demo.html             |  4 +
 8 files changed, 229 insertions(+), 114 deletions(-)
 rename step1-00/css-demo/{css-demo-finished.css => README.md} (55%)
 delete mode 100644 step1-00/css-demo/css-demo-finished.html
 create mode 100644 step1-00/html-demo/README.md

diff --git a/package-lock.json b/package-lock.json
index 7a58396..2136b74 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3608,7 +3608,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -3629,12 +3630,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -3649,17 +3652,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -3776,7 +3782,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -3788,6 +3795,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -3802,6 +3810,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -3809,12 +3818,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -3833,6 +3844,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -3913,7 +3925,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -3925,6 +3938,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -4010,7 +4024,8 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -4046,6 +4061,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -4065,6 +4081,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -4108,12 +4125,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
diff --git a/step1-00/README.md b/step1-00/README.md
index bb715f6..3ce439b 100644
--- a/step1-00/README.md
+++ b/step1-00/README.md
@@ -21,75 +21,3 @@ A simple web page is rendered on the screen via the following steps
 7. Once the browser gets to the bottom of the page it can start rendering, and then load the page
 
 ![MDN Page Load](https://user-images.githubusercontent.com/1434956/53033758-9da8d580-3426-11e9-9ab8-09f42ccab9a8.png)
-
-## HTML Demo
-
-The [HTML demo page](http://localhost:8080/step1-00/html-demo/html-demo.html) is a large collection of HTML elements that you will come across during development. The full list of elements can be found on [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element).
-
-To learn more about each element, click on the elements below.
-
-### [Document Meta Data](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Document_metadata)
-
-- [html](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html) - Root level element
-- [head](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head) - Provides general information (meta-data) about the page
-- [title](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) - Defines document title shown via browser tab
-- [link](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) - Links to external resource (usually stylesheets)
-- [style](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style) - Inline style tag
-
-### [Content Sectioning](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Content_sectioning)
-
-- [section](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section) - Generic section of content
-- [header](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header) - Introductory content or navigational aid
-- [footer](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer) - Footer for nearest sectioning element
-- [main](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main) - Dominent content
-- [nav](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav) - Navigational aid
-- [article](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article) - Syndicated content
-- [aside](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside) - Related information
-- [h1,h2,h3,h4,h5,h6](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) - Section headings
-
-### [Block Text Content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Text_content)
-
-- [div](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) - A generic block level container
-- [p](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p) - A paragraph
-- [ol](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol) - Ordered list (1,2,3)
-- [ul](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul) - Unordered list
-- [li](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li) - List item
-- [pre](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre) - Preformatted text
-
-### [Inline Text Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Inline_text_semantics)
-
-- [a](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) - Anchor element for creating links to other pages, files, email
-- [span](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span) - Generic inline container
-- [b](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b) - Bring attention to content
-- [em](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em) - Stress emphasis
-- [i](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i) - Range of text set off from normal text
-- [sub](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub) - Subscript text
-- [sup](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup) - Superscript text
-- [code](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code) - Fragment of computer code (monospace)
-
-### [Image and multimedia](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Inline_text_semantics)
-
-- [img](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img) - Embeds image into document
-
-### [Table Content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Table_content)
-
-- [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) - Root table container
-- [thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead) - Table head container
-- [tr](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr) - Table row
-- [th](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th) - Table head cell
-- [tbody](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody) - Table body container
-- [td](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) - Normal table cell
-
-### [Forms](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Forms)
-
-- [form](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) - Form container
-- [label](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label) - Label text for form elements
-- [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) - A dropdown container
-- [option](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) - Dropdown elements
-- [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) - A form field to collect various inputs. Types include:
-  - text
-  - checkbox
-  - color
-  - date
-  - radio
-  - submit
diff --git a/step1-00/css-demo/css-demo-finished.css b/step1-00/css-demo/README.md
similarity index 55%
rename from step1-00/css-demo/css-demo-finished.css
rename to step1-00/css-demo/README.md
index b1b8ca9..920b06e 100644
--- a/step1-00/css-demo/css-demo-finished.css
+++ b/step1-00/css-demo/README.md
@@ -1,5 +1,38 @@
-/* https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors */
+## CSS Demo
 
+### CSS Properties
+
+Now that we've gone over adding HTML tags to the page, lets cover adding styles to those tags. We can do quite a lot with styles! We can change:
+
+- Typography
+- Colors
+- Appearance (Corners, Borders, Decorations)
+- Layout
+- Position
+- Inline vs Block
+- Animations
+- and [many more](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference)
+
+CSS is always applied in `property: value` pairs, like `background: blue;` and are terminated with a semi colon.
+
+### Applying CSS to an HTML file
+
+CSS can be applied to HTML tags in three different ways.
+
+1. Inline - Styles are applied directly to the HTML tag
+
+- `<div style="background: blue; color: white;">Hello </div>`
+
+2. Via a `<style>` tag in the HTML page
+3. Through an externally loaded CSS file
+
+- `<link rel="stylesheet" href="./css-demo-finished.css" />`
+
+### Targeting specific HTML tags
+
+Inline styles are always applied directly to the element you place them on, style tags and external CSS files need a method for matching HTML elements with their prospective style sets. We call these "selectors", and they are just as important to learn as the properties/values themselves.
+
+```css
 body {
   font: 1.2em sans-serif;
 }
@@ -90,3 +123,4 @@ a ~ a {
 input[type='submit'] {
   margin-top: 10px;
 }
+```
diff --git a/step1-00/css-demo/css-demo-finished.html b/step1-00/css-demo/css-demo-finished.html
deleted file mode 100644
index ff34678..0000000
--- a/step1-00/css-demo/css-demo-finished.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<html>
-  <head>
-    <link rel="stylesheet" href="./css-demo-finished.css" />
-  </head>
-  <body>
-    <div>
-      <h1>This is my <span>Title</span></h1>
-      <div class="tiles">
-        <div class="links">
-          <h2>Important Links</h2>
-          <a href="#">We're Awesome</a>
-          <a href="#">Learn More</a>
-          <a href="#">Hire Us</a>
-        </div>
-        <div>
-          <h2>Our Logo</h2>
-          <img src="./fabric.jpg" width="100" alt="fabric logo" />
-        </div>
-        <div>
-          <h2>Contact Us</h2>
-          <div id="contact-form">
-            <label>Email</label><input type="email" />
-            <input value="Submit" type="submit" />
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>
-</html>
diff --git a/step1-00/css-demo/css-demo.css b/step1-00/css-demo/css-demo.css
index e69de29..6d769bd 100644
--- a/step1-00/css-demo/css-demo.css
+++ b/step1-00/css-demo/css-demo.css
@@ -0,0 +1,88 @@
+/* https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors */
+
+body {
+  font: 1.2em sans-serif;
+}
+
+h1 {
+  color: black;
+  background: #ababab;
+
+  /* Margin: property for each side */
+  margin-bottom: 15px;
+  margin-top: 15px;
+
+  /* Shorthand: Padding applies to all sides  */
+  padding: 10px;
+
+  /* 3 digit hex and border shorthand */
+  border: 1px solid #ddd;
+}
+
+/* Overriding inherited styles */
+span {
+  color: #004578;
+}
+
+/* Targeting a class name  */
+.tiles {
+  display: flex;
+}
+
+/* Decendant selector */
+.tiles img {
+  width: 100%;
+}
+
+/* Direct decendant selector */
+.tiles > div {
+  /* rgb colors */
+  background: rgb(10, 10, 10);
+  color: white;
+  flex-basis: 100%;
+  /* Longhand goes clockwise from top
+  10px - all
+  10px 20px - top/bottom left/right
+  10px 20px 15px - top left/right bottom
+  */
+  padding: 10px 20px 15px;
+  margin: 10px 20px 10px 0;
+}
+
+/* Qualified selector */
+div.links {
+  background: #004578;
+}
+
+/* Style inheritance only works for unstyled elements */
+a {
+  color: white;
+}
+
+/* Pseudo hover selector */
+a:hover {
+  color: #ccc;
+}
+
+/* Sibling selectors */
+a ~ a {
+  /* Changing elements from inline to block */
+  display: block;
+}
+
+/* Positional Pseudo Selectors  */
+.tiles > div:last-child {
+  /* overrides margin-right but leaves other margins alone */
+  margin-right: 0;
+}
+
+/* ID selector */
+#contact-form {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Attribute selector */
+input[type='submit'] {
+  margin-top: 10px;
+}
diff --git a/step1-00/css-demo/css-demo.html b/step1-00/css-demo/css-demo.html
index 295440c..6aed91a 100644
--- a/step1-00/css-demo/css-demo.html
+++ b/step1-00/css-demo/css-demo.html
@@ -14,7 +14,7 @@
         </div>
         <div>
           <h2>Our Logo</h2>
-          <img src="../assets/fabric.jpg" width="100" alt="fabric logo" />
+          <img src="./fabric.jpg" width="100" alt="fabric logo" />
         </div>
         <div>
           <h2>Contact Us</h2>
diff --git a/step1-00/html-demo/README.md b/step1-00/html-demo/README.md
new file mode 100644
index 0000000..3f650d0
--- /dev/null
+++ b/step1-00/html-demo/README.md
@@ -0,0 +1,71 @@
+## HTML Demo
+
+The [HTML demo page](http://localhost:8080/step1-00/html-demo/html-demo.html) is a large collection of HTML elements that you will come across during development. The full list of elements can be found on [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element).
+
+To learn more about each element, click on the elements below.
+
+### [Document Meta Data](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Document_metadata)
+
+- [html](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/html) - Root level element
+- [head](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head) - Provides general information (meta-data) about the page
+- [title](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title) - Defines document title shown via browser tab
+- [link](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) - Links to external resource (usually stylesheets)
+- [style](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style) - Inline style tag
+
+### [Content Sectioning](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Content_sectioning)
+
+- [section](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section) - Generic section of content
+- [header](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header) - Introductory content or navigational aid
+- [footer](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer) - Footer for nearest sectioning element
+- [main](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main) - Dominent content
+- [nav](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav) - Navigational aid
+- [article](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article) - Syndicated content
+- [aside](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside) - Related information
+- [h1,h2,h3,h4,h5,h6](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) - Section headings
+
+### [Block Text Content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Text_content)
+
+- [div](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div) - A generic block level container
+- [p](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p) - A paragraph
+- [ol](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol) - Ordered list (1,2,3)
+- [ul](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul) - Unordered list
+- [li](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li) - List item
+- [pre](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre) - Preformatted text
+
+### [Inline Text Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Inline_text_semantics)
+
+- [a](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) - Anchor element for creating links to other pages, files, email
+- [span](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span) - Generic inline container
+- [b](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b) - Bring attention to content
+- [em](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em) - Stress emphasis
+- [i](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i) - Range of text set off from normal text
+- [sub](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub) - Subscript text
+- [sup](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup) - Superscript text
+- [code](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code) - Fragment of computer code (monospace)
+
+### [Image and multimedia](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Inline_text_semantics)
+
+- [img](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img) - Embeds image into document
+
+### [Table Content](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Table_content)
+
+- [table](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) - Root table container
+- [thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead) - Table head container
+- [tr](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr) - Table row
+- [th](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th) - Table head cell
+- [tbody](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody) - Table body container
+- [td](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) - Normal table cell
+
+### [Forms](https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Forms)
+
+- [form](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) - Form container
+- [label](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label) - Label text for form elements
+- [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) - A dropdown container
+- [option](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option) - Dropdown elements
+- [input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) - A form field to collect various inputs. Types include:
+  - text
+  - checkbox
+  - color
+  - date
+  - radio
+  - submit
diff --git a/step1-00/html-demo/html-demo.html b/step1-00/html-demo/html-demo.html
index 356790f..a337da9 100644
--- a/step1-00/html-demo/html-demo.html
+++ b/step1-00/html-demo/html-demo.html
@@ -126,6 +126,10 @@
 
       <h3>Inline style tags</h3>
       <p><b>b tag</b> <em>em tag</em> <i>i tag</i> <sub>sub tag</sub> <sup>sup tab</sup> <code>code tag</code></p>
+
+      <div>
+        <img src="../assets/fabric.jpg" width="100" />
+      </div>
     </section>
     <hr />
     <section>

From 756c948ce3ee68a078cfc760dbdfba596131f81b Mon Sep 17 00:00:00 2001
From: Micah Godbolt <mgodbolt@microsoft.com>
Date: Wed, 20 Feb 2019 22:36:08 -0800
Subject: [PATCH 3/4] html cleanup

---
 {step1-00/assets => assets}/fabric.jpg        | Bin
 assets/todo_screenshot.jpg                    | Bin 0 -> 38943 bytes
 docs/step1-00/css-demo/css-demo-finished.html |   2 +-
 docs/step1-00/css-demo/css-demo.html          |   2 +-
 docs/step1-00/js-demo/js-demo.html            |   2 +-
 index.html                                    |  10 +-
 package-lock.json                             |  12 +-
 step1-00/index.html                           |  17 ---
 {step1-00 => step1-01}/README.md              |   0
 {step1-00 => step1-01}/css-demo/README.md     |   3 +-
 .../css-demo/css-demo-finished.css            |   7 +-
 step1-01/css-demo/css-demo-finished.html      |  29 +++++
 step1-01/css-demo/css-demo.css                |  63 ++++++++++
 {step1-00 => step1-01}/css-demo/css-demo.html |   2 +-
 {step1-00 => step1-01}/html-demo/README.md    |   0
 .../html-demo/html-demo.html                  |   2 +-
 {step1-00 => step1-01}/html-demo/style.css    |   0
 step1-01/index.html                           |  37 +++---
 step1-01/js-demo/README.md                    | 116 ++++++++++++++++++
 .../js-demo/js-demo-finished.html             |  14 ++-
 step1-01/js-demo/js-demo.html                 |  30 +++++
 step1-02/README.md                            |   9 ++
 step1-02/finished/index.html                  |  34 +++++
 step1-02/{ => finished}/style.css             |  17 +--
 step1-02/index.html                           |  28 -----
 step1-03/index.html                           |  48 ++++----
 step1-03/style.css                            |  21 ++--
 step1-05/src/components/TodoFooter.tsx        |   5 +-
 step1-05/src/components/TodoHeader.tsx        |  14 ++-
 step1-05/src/style.css                        |  21 ++--
 step1-06/src/components/TodoFooter.tsx        |   2 +-
 step1-06/src/components/TodoHeader.tsx        |  15 ++-
 step1-06/src/style.css                        |  21 ++--
 step1-07/src/components/TodoFooter.tsx        |   2 +-
 step1-07/src/components/TodoHeader.tsx        |  18 +--
 step1-07/src/style.css                        |  21 ++--
 36 files changed, 428 insertions(+), 196 deletions(-)
 rename {step1-00/assets => assets}/fabric.jpg (100%)
 create mode 100644 assets/todo_screenshot.jpg
 delete mode 100644 step1-00/index.html
 rename {step1-00 => step1-01}/README.md (100%)
 rename {step1-00 => step1-01}/css-demo/README.md (93%)
 rename step1-00/css-demo/css-demo.css => step1-01/css-demo/css-demo-finished.css (92%)
 create mode 100644 step1-01/css-demo/css-demo-finished.html
 create mode 100644 step1-01/css-demo/css-demo.css
 rename {step1-00 => step1-01}/css-demo/css-demo.html (89%)
 rename {step1-00 => step1-01}/html-demo/README.md (100%)
 rename {step1-00 => step1-01}/html-demo/html-demo.html (99%)
 rename {step1-00 => step1-01}/html-demo/style.css (100%)
 create mode 100644 step1-01/js-demo/README.md
 rename step1-00/js-demo/js-demo.html => step1-01/js-demo/js-demo-finished.html (65%)
 create mode 100644 step1-01/js-demo/js-demo.html
 create mode 100644 step1-02/README.md
 create mode 100644 step1-02/finished/index.html
 rename step1-02/{ => finished}/style.css (73%)

diff --git a/step1-00/assets/fabric.jpg b/assets/fabric.jpg
similarity index 100%
rename from step1-00/assets/fabric.jpg
rename to assets/fabric.jpg
diff --git a/assets/todo_screenshot.jpg b/assets/todo_screenshot.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cf85ea5531417cffc1f603ef73f9aa9d61c2bc7e
GIT binary patch
literal 38943
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

literal 0
HcmV?d00001

diff --git a/docs/step1-00/css-demo/css-demo-finished.html b/docs/step1-00/css-demo/css-demo-finished.html
index ff34678..9f18134 100644
--- a/docs/step1-00/css-demo/css-demo-finished.html
+++ b/docs/step1-00/css-demo/css-demo-finished.html
@@ -14,7 +14,7 @@
         </div>
         <div>
           <h2>Our Logo</h2>
-          <img src="./fabric.jpg" width="100" alt="fabric logo" />
+          <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
         </div>
         <div>
           <h2>Contact Us</h2>
diff --git a/docs/step1-00/css-demo/css-demo.html b/docs/step1-00/css-demo/css-demo.html
index 295440c..f1ea2c9 100644
--- a/docs/step1-00/css-demo/css-demo.html
+++ b/docs/step1-00/css-demo/css-demo.html
@@ -14,7 +14,7 @@
         </div>
         <div>
           <h2>Our Logo</h2>
-          <img src="../assets/fabric.jpg" width="100" alt="fabric logo" />
+          <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
         </div>
         <div>
           <h2>Contact Us</h2>
diff --git a/docs/step1-00/js-demo/js-demo.html b/docs/step1-00/js-demo/js-demo.html
index ce350c2..18b059f 100644
--- a/docs/step1-00/js-demo/js-demo.html
+++ b/docs/step1-00/js-demo/js-demo.html
@@ -12,7 +12,7 @@
         </div>
         <div>
           <h2>Our Logo</h2>
-          <img src="../assets/fabric.jpg" width="100" alt="fabric logo" />
+          <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
         </div>
         <div>
           <h2>Contact Us</h2>
diff --git a/index.html b/index.html
index 1e5cb66..9f3e489 100644
--- a/index.html
+++ b/index.html
@@ -16,22 +16,16 @@
           <h2>Day 1</h2>
           Setup, HTML, CSS, Javascript and Intro to React
         </li>
-        <li class="Tile">
-          <a target="_blank" href="./step1-00/" class="Tile-link">
-            Step 0 <br />
-            HTML/CSS/JS
-          </a>
-        </li>
         <li class="Tile">
           <a target="_blank" href="./step1-01/" class="Tile-link">
             Step 1 <br />
-            Todo HTML
+            HTML/CSS/JS
           </a>
         </li>
         <li class="Tile">
           <a target="_blank" href="./step1-02/" class="Tile-link">
             Step 2 <br />
-            Todo CSS
+            Todo HTML & CSS
           </a>
         </li>
         <li class="Tile">
diff --git a/package-lock.json b/package-lock.json
index 2136b74..1accc3b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3825,7 +3825,6 @@
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -3844,7 +3843,6 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -3938,7 +3936,6 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -4024,8 +4021,7 @@
         "safe-buffer": {
           "version": "5.1.2",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -4125,14 +4121,12 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "yallist": {
           "version": "3.0.3",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         }
       }
     },
diff --git a/step1-00/index.html b/step1-00/index.html
deleted file mode 100644
index 8e0bfb1..0000000
--- a/step1-00/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<html>
-  <head>
-    <link rel="stylesheet" href="../assets/shared.css" />
-    <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/9.6.1/css/fabric.min.css" />
-  </head>
-
-  <body class="ms-Fabric">
-    <div class="Container">
-      <ul class="Tiles">
-        <li class="Tile"><a href="./html-demo/html-demo.html" class="Tile-link">HTML Demo</a></li>
-        <li class="Tile"><a href="./css-demo/css-demo.html" class="Tile-link">CSS Demo</a></li>
-        <li class="Tile"><a href="./css-demo/css-demo-finished.html" class="Tile-link">CSS Demo Finished</a></li>
-        <li class="Tile"><a href="./js-demo/js-demo.html" class="Tile-link">JS Demo</a></li>
-      </ul>
-    </div>
-  </body>
-</html>
diff --git a/step1-00/README.md b/step1-01/README.md
similarity index 100%
rename from step1-00/README.md
rename to step1-01/README.md
diff --git a/step1-00/css-demo/README.md b/step1-01/css-demo/README.md
similarity index 93%
rename from step1-00/css-demo/README.md
rename to step1-01/css-demo/README.md
index 920b06e..3974435 100644
--- a/step1-00/css-demo/README.md
+++ b/step1-01/css-demo/README.md
@@ -30,9 +30,10 @@ CSS can be applied to HTML tags in three different ways.
 
 ### Targeting specific HTML tags
 
-Inline styles are always applied directly to the element you place them on, style tags and external CSS files need a method for matching HTML elements with their prospective style sets. We call these "selectors", and they are just as important to learn as the properties/values themselves.
+Inline styles are always applied directly to the element you place them on, style tags and external CSS files need a method for matching HTML elements with their prospective style sets. We call these "selectors", and they are just as important to learn as the properties/values themselves. Below are a series of selectors and property/value combinations that we'll apply to our CSS Demo page
 
 ```css
+/* Targeting the entire page */
 body {
   font: 1.2em sans-serif;
 }
diff --git a/step1-00/css-demo/css-demo.css b/step1-01/css-demo/css-demo-finished.css
similarity index 92%
rename from step1-00/css-demo/css-demo.css
rename to step1-01/css-demo/css-demo-finished.css
index 6d769bd..fa9c4ee 100644
--- a/step1-00/css-demo/css-demo.css
+++ b/step1-01/css-demo/css-demo-finished.css
@@ -1,11 +1,14 @@
-/* https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors */
-
+/* Targeting an HTML tag */
 body {
   font: 1.2em sans-serif;
 }
 
+/* Targeting an HTML tag */
 h1 {
+  /* Color name */
   color: black;
+
+  /* 6 digit hex  */
   background: #ababab;
 
   /* Margin: property for each side */
diff --git a/step1-01/css-demo/css-demo-finished.html b/step1-01/css-demo/css-demo-finished.html
new file mode 100644
index 0000000..9f18134
--- /dev/null
+++ b/step1-01/css-demo/css-demo-finished.html
@@ -0,0 +1,29 @@
+<html>
+  <head>
+    <link rel="stylesheet" href="./css-demo-finished.css" />
+  </head>
+  <body>
+    <div>
+      <h1>This is my <span>Title</span></h1>
+      <div class="tiles">
+        <div class="links">
+          <h2>Important Links</h2>
+          <a href="#">We're Awesome</a>
+          <a href="#">Learn More</a>
+          <a href="#">Hire Us</a>
+        </div>
+        <div>
+          <h2>Our Logo</h2>
+          <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
+        </div>
+        <div>
+          <h2>Contact Us</h2>
+          <div id="contact-form">
+            <label>Email</label><input type="email" />
+            <input value="Submit" type="submit" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/step1-01/css-demo/css-demo.css b/step1-01/css-demo/css-demo.css
new file mode 100644
index 0000000..c58234f
--- /dev/null
+++ b/step1-01/css-demo/css-demo.css
@@ -0,0 +1,63 @@
+/* https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors */
+
+/* body {
+  font: 1.2em sans-serif;
+} */
+
+/* h1 {
+  color: black;
+  background: #ababab;
+  margin-bottom: 15px;
+  margin-top: 15px;
+  padding: 10px;
+  border: 1px solid #ddd;
+} */
+
+/* span {
+  color: #004578;
+} */
+
+/* .tiles {
+  display: flex;
+} */
+
+/* .tiles img {
+  width: 100%;
+} */
+
+/* .tiles > div {
+  background: rgb(10, 10, 10);
+  color: white;
+  flex-basis: 100%;
+  padding: 10px 20px 15px;
+  margin: 10px 20px 10px 0;
+} */
+
+/* div.links {
+  background: #004578;
+} */
+
+/* a {
+  color: white;
+} */
+
+/* a:hover {
+  color: #ccc;
+} */
+
+/* a ~ a {
+  display: block;
+} */
+
+/* .tiles > div:last-child {
+  margin-right: 0;
+} */
+
+/* #contact-form {
+  display: flex;
+  flex-direction: column;
+} */
+
+/* input[type='submit'] {
+  margin-top: 10px;
+} */
diff --git a/step1-00/css-demo/css-demo.html b/step1-01/css-demo/css-demo.html
similarity index 89%
rename from step1-00/css-demo/css-demo.html
rename to step1-01/css-demo/css-demo.html
index 6aed91a..f1ea2c9 100644
--- a/step1-00/css-demo/css-demo.html
+++ b/step1-01/css-demo/css-demo.html
@@ -14,7 +14,7 @@
         </div>
         <div>
           <h2>Our Logo</h2>
-          <img src="./fabric.jpg" width="100" alt="fabric logo" />
+          <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
         </div>
         <div>
           <h2>Contact Us</h2>
diff --git a/step1-00/html-demo/README.md b/step1-01/html-demo/README.md
similarity index 100%
rename from step1-00/html-demo/README.md
rename to step1-01/html-demo/README.md
diff --git a/step1-00/html-demo/html-demo.html b/step1-01/html-demo/html-demo.html
similarity index 99%
rename from step1-00/html-demo/html-demo.html
rename to step1-01/html-demo/html-demo.html
index a337da9..27784d8 100644
--- a/step1-00/html-demo/html-demo.html
+++ b/step1-01/html-demo/html-demo.html
@@ -128,7 +128,7 @@
       <p><b>b tag</b> <em>em tag</em> <i>i tag</i> <sub>sub tag</sub> <sup>sup tab</sup> <code>code tag</code></p>
 
       <div>
-        <img src="../assets/fabric.jpg" width="100" />
+        <img src="../../assets/fabric.jpg" width="100" />
       </div>
     </section>
     <hr />
diff --git a/step1-00/html-demo/style.css b/step1-01/html-demo/style.css
similarity index 100%
rename from step1-00/html-demo/style.css
rename to step1-01/html-demo/style.css
diff --git a/step1-01/index.html b/step1-01/index.html
index 8e4c512..4512b34 100644
--- a/step1-01/index.html
+++ b/step1-01/index.html
@@ -1,27 +1,18 @@
-<!DOCTYPE html>
 <html>
-  <body>
-    <h1>todos</h1>
-    <div><input placeholder="add todo" /><button>Add</button></div>
-    <div>
-      <button>all</button>
-      <button>active</button>
-      <button>completed</button>
+  <head>
+    <link rel="stylesheet" href="../assets/shared.css" />
+    <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/9.6.1/css/fabric.min.css" />
+  </head>
+
+  <body class="ms-Fabric">
+    <div class="Container">
+      <ul class="Tiles">
+        <li class="Tile"><a href="./html-demo/html-demo.html" class="Tile-link">HTML Demo</a></li>
+        <li class="Tile"><a href="./css-demo/css-demo.html" class="Tile-link">CSS Demo</a></li>
+        <li class="Tile"><a href="./css-demo/css-demo-finished.html" class="Tile-link">CSS Demo Finished</a></li>
+        <li class="Tile"><a href="./js-demo/js-demo.html" class="Tile-link">JS Demo</a></li>
+        <li class="Tile"><a href="./js-demo/js-demo-finished.html" class="Tile-link">JS Demo Finished</a></li>
+      </ul>
     </div>
-    <ul>
-      <li>
-        <label><input type="checkbox" /> Todo 1</label>
-      </li>
-      <li>
-        <label><input type="checkbox" /> Todo 2</label>
-      </li>
-      <li>
-        <label><input type="checkbox" /> Todo 3</label>
-      </li>
-      <li>
-        <label><input type="checkbox" /> Todo 4</label>
-      </li>
-    </ul>
-    <div><span>4 items left</span> <button>Clear Completed</button></div>
   </body>
 </html>
diff --git a/step1-01/js-demo/README.md b/step1-01/js-demo/README.md
new file mode 100644
index 0000000..509dd40
--- /dev/null
+++ b/step1-01/js-demo/README.md
@@ -0,0 +1,116 @@
+## JavaScript Demo
+
+It's entirely possible to create a website with nothing but HTML and CSS, but as soon as you want user interaction other than links and forms, you'll need to reach for JavaScript, the scripting language of the web. Fortunately, JavaScript has grown up quite a bit since it was introduced in the 90s, and now runs just about everything: web applications, mobile applications, native applications, servers, robots and rocket ships.
+
+In this demo we are going to cover a few of the core basics of the language that will help us when we start writing our TODO app. At the end of this demo we will be able to display the number of the letter 'a's in our email input.
+
+We'll be covering:
+
+- Variables
+- Functions
+- Conditionals
+- Loops
+- Interacting with the DOM (Document Object Model)
+
+### Variables
+
+Javascript is a loosly typed language. We can create a new variable with the keywords `var, let, const` and use them within our application. These variables can contain one of the following types of values:
+
+1. boolean
+2. number
+3. string
+4. array
+5. object
+
+Because they are not strongly typed, we can switch a varible from a number, to a string, to an array anytime we want to. In practice, this is a bit of an anti-pattern, as it makes debugging and refactoring extremely difficult. This is why we write just about every project in [Typescript](https://www.typescriptlang.org/).
+
+Lets start off our demo by adding some variables to our [script tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script)
+
+```js
+const match = 'a';
+let matches = 0;
+```
+
+### Functions
+
+Functions are resuable pieces of functionality. Functions can take inputs (parameters), and return values. Functions can be called from within your program, from within other functions, or invoked from within the DOM itself.
+
+In our example we'll create a function called displayMatches (camelCase is typical for functions) and we'll invoke this function anytime that our submit button is clicked. For now we'll simply call a console log (a function that prints values to the browser console);
+
+```html
+<input onclick="displayMatches()" class="submit" value="Submit" type="submit" />
+```
+
+```js
+function displayMatches() {
+  console.log("I'm Clicked");
+}
+```
+
+### Iteration
+
+Next up we are going to iterate through a string of text, and find all of the 'a' characters in the list. We don't yet have that string, so we'll use a fill in for now. Once we have our `email` variable we can loop over it with the [`for of`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...of) loop syntax.
+
+```js
+function displayMatches() {
+  const text = 'abcda';
+  for (let letter of text) {
+    console.log(letter);
+  }
+}
+```
+
+### Conditionals
+
+Next we want to compare each `letter` with our `match` value, and if they are the same, we will increment our matches variable. Notice that `match` is a const and `matches` is a let because we expected `matches` to change over time. Remember that `letter = match` would set the `letter` variable to the value in `match`, so we use `==`, equality operator, and `===` strict equality operator, to make these comparisons.
+
+> ("1" == 1) is true whereas ("1" === 1) would be false
+
+```js
+function displayMatches() {
+  const text = 'abcda';
+  for (let letter of text) {
+    if (letter === match) {
+      matches++;
+    }
+  }
+  console.log(matches);
+}
+```
+
+### Interacting with the DOM
+
+Now that we have a function performing all of our logic, it's time to connect this to our DOM by using some of the browsers built in functions.
+
+First we need to get a reference to the email field in our app. To do this, I've added an `id` to the input, and we will call one of JavaScripts oldest methods (IE 5.5), getElementyId, which we find on the browser provided `document` global variable. This function will return a reference to that input, and we can store it in the `email` variable.
+
+```js
+const email = document.getElementById('email');
+console.log(email);
+```
+
+And since what we're actually after is the "value" of the input field, we can set our `text` variable to the string assigned to the "value" key. To see this in action. Right click on the console message created by the code above, choose "save as variable" and then type `variableName.value`.
+
+```js
+const text = email.value;
+```
+
+#### Returning the values to the DOM
+
+Now that we've read values from the DOM, and fed that into our matching logic, we are ready to return that number to our app. To do this we first need to grab a reference to our submit button, and since this button has no `id` we are going to use the more modern (IE8) `querySelector` to get it. This function takes any valid CSS selector and returns the first found match.
+
+```js
+const submit = document.querySelector('.submit');
+```
+
+Now that we have a reference to the submit input, we can set its value to a new value.
+
+```js
+submit.value = matches + ' matches';
+```
+
+If you are curious, we could have done this in a single line by chaining these methods and keys together:
+
+```js
+document.querySelector('.submit').value = matches + ' matches';
+```
diff --git a/step1-00/js-demo/js-demo.html b/step1-01/js-demo/js-demo-finished.html
similarity index 65%
rename from step1-00/js-demo/js-demo.html
rename to step1-01/js-demo/js-demo-finished.html
index ce350c2..eb4eb17 100644
--- a/step1-00/js-demo/js-demo.html
+++ b/step1-01/js-demo/js-demo-finished.html
@@ -1,5 +1,7 @@
 <html>
-  <head> </head>
+  <head>
+    <link rel="stylesheet" href="../css-demo/css-demo-finished.css" />
+  </head>
   <body>
     <div>
       <h1>This is my <span>Title</span></h1>
@@ -12,12 +14,12 @@
         </div>
         <div>
           <h2>Our Logo</h2>
-          <img src="../assets/fabric.jpg" width="100" alt="fabric logo" />
+          <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
         </div>
         <div>
           <h2>Contact Us</h2>
           <div id="contact-form">
-            <label>Email</label><input class="email" type="email" />
+            <label>Email</label><input id="email" type="email" />
             <input onclick="displayMatches()" class="submit" value="Submit" type="submit" />
           </div>
         </div>
@@ -29,13 +31,15 @@
     let matches = 0;
 
     function displayMatches() {
-      const text = document.querySelector('.email').value;
+      const email = document.getElementById('email');
+      const text = email.value;
       for (let letter of text) {
         if (letter === match) {
           matches++;
         }
       }
-      document.querySelector('.submit').value = matches + ' matches';
+      const submit = document.querySelector('.submit');
+      submit.value = matches + ' matches';
     }
   </script>
 </html>
diff --git a/step1-01/js-demo/js-demo.html b/step1-01/js-demo/js-demo.html
new file mode 100644
index 0000000..3080f1c
--- /dev/null
+++ b/step1-01/js-demo/js-demo.html
@@ -0,0 +1,30 @@
+<html>
+  <head>
+    <link rel="stylesheet" href="../css-demo/css-demo-finished.css" />
+  </head>
+  <body>
+    <div>
+      <h1>This is my <span>Title</span></h1>
+      <div class="tiles">
+        <div class="links">
+          <h2>Important Links</h2>
+          <a href="#">We're Awesome</a>
+          <a href="#">Learn More</a>
+          <a href="#">Hire Us</a>
+        </div>
+        <div>
+          <h2>Our Logo</h2>
+          <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
+        </div>
+        <div>
+          <h2>Contact Us</h2>
+          <div id="contact-form">
+            <label>Email</label><input class="email" type="email" />
+            <input class="submit" value="Submit" type="submit" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+  <script></script>
+</html>
diff --git a/step1-02/README.md b/step1-02/README.md
new file mode 100644
index 0000000..0106361
--- /dev/null
+++ b/step1-02/README.md
@@ -0,0 +1,9 @@
+## HTML and CSS
+
+## Exercise
+
+1. Add an unordered list of class 'todos' after the filters
+2. Add four todos.
+3. Center the "TODO" header
+4. Style all elements with button class to have no border and 5px padding top/bottom and 10px left/right
+5. Set the active button style to have a 2px solid blue bottom border
diff --git a/step1-02/finished/index.html b/step1-02/finished/index.html
new file mode 100644
index 0000000..3f93472
--- /dev/null
+++ b/step1-02/finished/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <header>
+      <h1>todos</h1>
+      <div class="addTodo"><input class="textfield" placeholder="add todo" /><button class="submit">Add</button></div>
+      <nav class="filter">
+        <button class="active">all</button>
+        <button>active</button>
+        <button>completed</button>
+      </nav>
+    </header>
+    <main>
+      <ul class="todos">
+        <li class="todo">
+          <label><input type="checkbox" /> <span class="title"> Todo 1 </span> </label>
+        </li>
+        <li class="todo">
+          <label><input type="checkbox" /> <span class="title"> Todo 2 </span> </label>
+        </li>
+        <li class="todo">
+          <label><input type="checkbox" /> <span class="title"> Todo 3 </span> </label>
+        </li>
+        <li class="todo">
+          <label><input type="checkbox" /> <span class="title"> Todo 4 </span> </label>
+        </li>
+      </ul>
+    </main>
+    <footer><span>4 items left</span> <button class="submit">Clear Completed</button></footer>
+  </body>
+</html>
diff --git a/step1-02/style.css b/step1-02/finished/style.css
similarity index 73%
rename from step1-02/style.css
rename to step1-02/finished/style.css
index 15642d5..4163a3a 100644
--- a/step1-02/style.css
+++ b/step1-02/finished/style.css
@@ -1,21 +1,23 @@
 body {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   width: 400px;
   margin: 20px auto;
 }
+
 h1 {
   text-align: center;
 }
 
+.addTodo {
+  display: flex;
+}
+
 .textfield {
-  width: 80%;
+  flex-grow: 1;
+  margin-right: 10px;
 }
 
-.add {
-  margin-left: 5%;
-}
-
-.button {
+.submit {
   border: none;
   padding: 5px 10px;
 }
@@ -28,6 +30,7 @@ h1 {
   background: transparent;
   border: none;
 }
+
 .filter .active {
   border-bottom: 2px solid blue;
 }
diff --git a/step1-02/index.html b/step1-02/index.html
index 7c9d40d..e69de29 100644
--- a/step1-02/index.html
+++ b/step1-02/index.html
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <link rel="stylesheet" href="./style.css" />
-  <body>
-    <h1>todos</h1>
-    <input class="textfield" placeholder="add todo" /><button class="button add">Add</button>
-    <div class="filter">
-      <button class="active">all</button>
-      <button>active</button>
-      <button>completed</button>
-    </div>
-    <ul class="todos">
-      <li class="todo">
-        <label><input type="checkbox" /> Todo 1</label>
-      </li>
-      <li class="todo">
-        <label><input type="checkbox" /> Todo 2</label>
-      </li>
-      <li class="todo">
-        <label><input type="checkbox" /> Todo 3</label>
-      </li>
-      <li class="todo">
-        <label><input type="checkbox" /> Todo 4</label>
-      </li>
-    </ul>
-    <footer><span>4 items left</span> <button class="button">Clear Completed</button></footer>
-  </body>
-</html>
diff --git a/step1-03/index.html b/step1-03/index.html
index c9278ac..8e850ae 100644
--- a/step1-03/index.html
+++ b/step1-03/index.html
@@ -1,29 +1,34 @@
 <!DOCTYPE html>
 <html>
-  <link rel="stylesheet" href="./style.css" />
+  <head>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
   <body>
-    <h1>todos</h1>
-    <input class="textfield" placeholder="add todo" />
-    <button onclick="addTodo()" class="button add">
-      Add
-    </button>
-    <div class="filter">
-      <button onclick="filter('all', this)" class="active">all</button>
-      <button onclick="filter('active', this)">active</button>
-      <button onclick="filter('completed', this)">completed</button>
-    </div>
+    <header>
+      <h1>todos</h1>
+      <div class="addTodo">
+        <input class="textfield" placeholder="add todo" />
+        <button onclick="addTodo()" class="submit add">Add</button>
+      </div>
+      <nav class="filter">
+        <button onclick="filter('all', this)" class="active">all</button>
+        <button onclick="filter('active', this)">active</button>
+        <button onclick="filter('completed', this)">completed</button>
+      </nav>
+    </header>
+
     <ul class="todos">
       <li class="todo">
-        <label><input type="checkbox" /> Todo 1</label>
+        <label><input type="checkbox" /> <span class="title"> Todo 1 </span></label>
       </li>
       <li class="todo">
-        <label><input type="checkbox" /> Todo 2</label>
+        <label><input type="checkbox" /> <span class="title"> Todo 2 </span></label>
       </li>
       <li class="todo">
-        <label><input type="checkbox" /> Todo 3</label>
+        <label><input type="checkbox" /> <span class="title"> Todo 3 </span></label>
       </li>
       <li class="todo">
-        <label><input type="checkbox" /> Todo 4</label>
+        <label><input type="checkbox" /> <span class="title"> Todo 4 </span></label>
       </li>
     </ul>
     <footer>
@@ -33,13 +38,12 @@
   </body>
 
   <script type="text/javascript">
-    function getValue(selector) {
-      const inputValue = document.querySelector(selector).value;
-      return inputValue;
+    function getTodoText() {
+      return document.querySelector('.textfield').value;
     }
 
     function clearInput(selector) {
-      document.querySelector(selector).value = '';
+      document.querySelector('.textfield').value = '';
     }
 
     function updateRemaining() {
@@ -50,11 +54,11 @@
 
     function addTodo() {
       const todo = document.querySelector('.todo');
-      const newTodo = todo.cloneNode();
-      newTodo.innerHTML = `<label><input type="checkbox" /> ${getValue('.textfield')}</label>`;
+      const newTodo = todo.cloneNode(true);
+      newTodo.querySelector('.title').innerText = getTodoText();
       todo.parentElement.insertBefore(newTodo, todo);
 
-      clearInput('.textfield');
+      clearInput();
       updateRemaining();
     }
 
diff --git a/step1-03/style.css b/step1-03/style.css
index c897b4c..4163a3a 100644
--- a/step1-03/style.css
+++ b/step1-03/style.css
@@ -1,21 +1,23 @@
 body {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   width: 400px;
   margin: 20px auto;
 }
+
 h1 {
   text-align: center;
 }
 
+.addTodo {
+  display: flex;
+}
+
 .textfield {
-  width: 80%;
+  flex-grow: 1;
+  margin-right: 10px;
 }
 
-.add {
-  margin-left: 5%;
-}
-
-.button {
+.submit {
   border: none;
   padding: 5px 10px;
 }
@@ -28,6 +30,7 @@ h1 {
   background: transparent;
   border: none;
 }
+
 .filter .active {
   border-bottom: 2px solid blue;
 }
@@ -44,7 +47,3 @@ footer {
 footer span {
   flex-grow: 1;
 }
-
-.hidden {
-  display: none;
-}
\ No newline at end of file
diff --git a/step1-05/src/components/TodoFooter.tsx b/step1-05/src/components/TodoFooter.tsx
index ff294ec..9b8abbb 100644
--- a/step1-05/src/components/TodoFooter.tsx
+++ b/step1-05/src/components/TodoFooter.tsx
@@ -1,13 +1,12 @@
-import React from "react";
+import React from 'react';
 
 export const TodoFooter = (props: any) => {
-
   return (
     <footer>
       <span>
         <span className="remaining">4</span> items left
       </span>
-      <button className="button">Clear Completed</button>
+      <button className="submit">Clear Completed</button>
     </footer>
   );
 };
diff --git a/step1-05/src/components/TodoHeader.tsx b/step1-05/src/components/TodoHeader.tsx
index aa1ec8b..ba9b8b0 100644
--- a/step1-05/src/components/TodoHeader.tsx
+++ b/step1-05/src/components/TodoHeader.tsx
@@ -3,16 +3,18 @@ import React from 'react';
 export class TodoHeader extends React.Component {
   render() {
     return (
-      <div>
+      <header>
         <h1>todos</h1>
-        <input className="textfield" placeholder="add todo" />
-        <button className="button add">Add</button>
-        <div className="filter">
+        <div className="addTodo">
+          <input className="textfield" placeholder="add todo" />
+          <button className="submit">Add</button>
+        </div>
+        <nav className="filter">
           <button className="active">all</button>
           <button>active</button>
           <button>completed</button>
-        </div>
-      </div>
+        </nav>
+      </header>
     );
   }
 }
diff --git a/step1-05/src/style.css b/step1-05/src/style.css
index c897b4c..4163a3a 100644
--- a/step1-05/src/style.css
+++ b/step1-05/src/style.css
@@ -1,21 +1,23 @@
 body {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   width: 400px;
   margin: 20px auto;
 }
+
 h1 {
   text-align: center;
 }
 
+.addTodo {
+  display: flex;
+}
+
 .textfield {
-  width: 80%;
+  flex-grow: 1;
+  margin-right: 10px;
 }
 
-.add {
-  margin-left: 5%;
-}
-
-.button {
+.submit {
   border: none;
   padding: 5px 10px;
 }
@@ -28,6 +30,7 @@ h1 {
   background: transparent;
   border: none;
 }
+
 .filter .active {
   border-bottom: 2px solid blue;
 }
@@ -44,7 +47,3 @@ footer {
 footer span {
   flex-grow: 1;
 }
-
-.hidden {
-  display: none;
-}
\ No newline at end of file
diff --git a/step1-06/src/components/TodoFooter.tsx b/step1-06/src/components/TodoFooter.tsx
index 888118f..7bd54e8 100644
--- a/step1-06/src/components/TodoFooter.tsx
+++ b/step1-06/src/components/TodoFooter.tsx
@@ -7,7 +7,7 @@ export const TodoFooter = (props: any) => {
       <span>
         {itemCount} item{itemCount > 1 ? 's' : ''} left
       </span>
-      <button className="button">Clear Completed</button>
+      <button className="submit">Clear Completed</button>
     </footer>
   );
 };
diff --git a/step1-06/src/components/TodoHeader.tsx b/step1-06/src/components/TodoHeader.tsx
index c26e54b..b113282 100644
--- a/step1-06/src/components/TodoHeader.tsx
+++ b/step1-06/src/components/TodoHeader.tsx
@@ -3,17 +3,20 @@ import React from 'react';
 export class TodoHeader extends React.Component<any, any> {
   render() {
     const { filter } = this.props;
+
     return (
-      <div>
+      <header>
         <h1>todos</h1>
-        <input className="textfield" placeholder="add todo" />
-        <button className="button add">Add</button>
-        <div className="filter">
+        <div className="addTodo">
+          <input className="textfield" placeholder="add todo" />
+          <button className="submit">Add</button>
+        </div>
+        <nav className="filter">
           <button className={filter == 'all' ? 'active' : ''}>all</button>
           <button className={filter == 'active' ? 'active' : ''}>active</button>
           <button className={filter == 'completed' ? 'active' : ''}>completed</button>
-        </div>
-      </div>
+        </nav>
+      </header>
     );
   }
 }
diff --git a/step1-06/src/style.css b/step1-06/src/style.css
index c897b4c..4163a3a 100644
--- a/step1-06/src/style.css
+++ b/step1-06/src/style.css
@@ -1,21 +1,23 @@
 body {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   width: 400px;
   margin: 20px auto;
 }
+
 h1 {
   text-align: center;
 }
 
+.addTodo {
+  display: flex;
+}
+
 .textfield {
-  width: 80%;
+  flex-grow: 1;
+  margin-right: 10px;
 }
 
-.add {
-  margin-left: 5%;
-}
-
-.button {
+.submit {
   border: none;
   padding: 5px 10px;
 }
@@ -28,6 +30,7 @@ h1 {
   background: transparent;
   border: none;
 }
+
 .filter .active {
   border-bottom: 2px solid blue;
 }
@@ -44,7 +47,3 @@ footer {
 footer span {
   flex-grow: 1;
 }
-
-.hidden {
-  display: none;
-}
\ No newline at end of file
diff --git a/step1-07/src/components/TodoFooter.tsx b/step1-07/src/components/TodoFooter.tsx
index 29534a9..022529a 100644
--- a/step1-07/src/components/TodoFooter.tsx
+++ b/step1-07/src/components/TodoFooter.tsx
@@ -12,7 +12,7 @@ export const TodoFooter = (props: TodoFooterProps) => {
       <span>
         {itemCount} item{itemCount > 1 ? 's' : ''} left
       </span>
-      <button onClick={() => props.clear()} className="button">
+      <button onClick={() => props.clear()} className="submit">
         Clear Completed
       </button>
     </footer>
diff --git a/step1-07/src/components/TodoHeader.tsx b/step1-07/src/components/TodoHeader.tsx
index 99bda01..3d7b234 100644
--- a/step1-07/src/components/TodoHeader.tsx
+++ b/step1-07/src/components/TodoHeader.tsx
@@ -16,13 +16,15 @@ export class TodoHeader extends React.Component<TodoHeaderProps, any> {
   render() {
     const { filter, setFilter } = this.props;
     return (
-      <div>
+      <header>
         <h1>todos</h1>
-        <input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" />
-        <button onClick={this._onAdd} className="button add">
-          Add
-        </button>
-        <div className="filter">
+        <div className="addTodo">
+          <input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" />
+          <button onClick={this._onAdd} className="submit">
+            Add
+          </button>
+        </div>
+        <nav className="filter">
           <button onClick={() => setFilter('all')} className={filter == 'all' ? 'active' : ''}>
             all
           </button>
@@ -32,8 +34,8 @@ export class TodoHeader extends React.Component<TodoHeaderProps, any> {
           <button onClick={() => setFilter('completed')} className={filter == 'completed' ? 'active' : ''}>
             completed
           </button>
-        </div>
-      </div>
+        </nav>
+      </header>
     );
   }
 
diff --git a/step1-07/src/style.css b/step1-07/src/style.css
index c897b4c..4163a3a 100644
--- a/step1-07/src/style.css
+++ b/step1-07/src/style.css
@@ -1,21 +1,23 @@
 body {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   width: 400px;
   margin: 20px auto;
 }
+
 h1 {
   text-align: center;
 }
 
+.addTodo {
+  display: flex;
+}
+
 .textfield {
-  width: 80%;
+  flex-grow: 1;
+  margin-right: 10px;
 }
 
-.add {
-  margin-left: 5%;
-}
-
-.button {
+.submit {
   border: none;
   padding: 5px 10px;
 }
@@ -28,6 +30,7 @@ h1 {
   background: transparent;
   border: none;
 }
+
 .filter .active {
   border-bottom: 2px solid blue;
 }
@@ -44,7 +47,3 @@ footer {
 footer span {
   flex-grow: 1;
 }
-
-.hidden {
-  display: none;
-}
\ No newline at end of file

From fe0be0154dbc0b846ea3b24e58432103b92be0c2 Mon Sep 17 00:00:00 2001
From: Micah Godbolt <mgodbolt@microsoft.com>
Date: Wed, 20 Feb 2019 23:23:57 -0800
Subject: [PATCH 4/4] Scaffolding out readmes

---
 step1-02/README.md                   | 10 +++++-----
 step1-03/README.md                   | 18 ++++++++++++++++++
 step1-03/index.html                  |  2 +-
 step1-05/README.md                   |  7 +++++++
 step1-05/src/App.tsx                 | 12 +++++-------
 step1-05/src/components/TodoList.tsx | 10 ++++------
 step1-06/README.md                   | 12 ++++++++++++
 7 files changed, 52 insertions(+), 19 deletions(-)
 create mode 100644 step1-03/README.md
 create mode 100644 step1-05/README.md
 create mode 100644 step1-06/README.md

diff --git a/step1-02/README.md b/step1-02/README.md
index 0106361..f8aa83a 100644
--- a/step1-02/README.md
+++ b/step1-02/README.md
@@ -1,9 +1,9 @@
 ## HTML and CSS
 
+## Demo
+
+Scaffold out page
+
 ## Exercise
 
-1. Add an unordered list of class 'todos' after the filters
-2. Add four todos.
-3. Center the "TODO" header
-4. Style all elements with button class to have no border and 5px padding top/bottom and 10px left/right
-5. Set the active button style to have a 2px solid blue bottom border
+Add and style footer
diff --git a/step1-03/README.md b/step1-03/README.md
new file mode 100644
index 0000000..be998f1
--- /dev/null
+++ b/step1-03/README.md
@@ -0,0 +1,18 @@
+Demo
+
+already done
+
+- addTodo
+- filter
+- filter()
+- getTodoText
+
+Walk through 'addTodo'
+attach addTodo to button
+write clearInput/add to addTodo
+write updateRemaining
+
+## Exercise
+
+write clearCompleted
+add to footer button
diff --git a/step1-03/index.html b/step1-03/index.html
index 8e850ae..f24eea5 100644
--- a/step1-03/index.html
+++ b/step1-03/index.html
@@ -42,7 +42,7 @@
       return document.querySelector('.textfield').value;
     }
 
-    function clearInput(selector) {
+    function clearInput() {
       document.querySelector('.textfield').value = '';
     }
 
diff --git a/step1-05/README.md b/step1-05/README.md
new file mode 100644
index 0000000..10b6f23
--- /dev/null
+++ b/step1-05/README.md
@@ -0,0 +1,7 @@
+demo
+Header
+ListItem
+
+exercise
+Footer
+List
diff --git a/step1-05/src/App.tsx b/step1-05/src/App.tsx
index 5726b54..0f6e89a 100644
--- a/step1-05/src/App.tsx
+++ b/step1-05/src/App.tsx
@@ -3,16 +3,14 @@ import { TodoFooter } from './components/TodoFooter';
 import { TodoHeader } from './components/TodoHeader';
 import { TodoList } from './components/TodoList';
 
-
 export class TodoApp extends React.Component {
   render() {
-
     return (
-        <div>
-          <TodoHeader  />
-          <TodoList  />
-          <TodoFooter />
-        </div>
+      <div>
+        <TodoHeader />
+        <TodoList />
+        <TodoFooter />
+      </div>
     );
   }
 }
diff --git a/step1-05/src/components/TodoList.tsx b/step1-05/src/components/TodoList.tsx
index e62f0ce..2a89a0f 100644
--- a/step1-05/src/components/TodoList.tsx
+++ b/step1-05/src/components/TodoList.tsx
@@ -3,14 +3,12 @@ import { TodoListItem } from './TodoListItem';
 
 export class TodoList extends React.Component<any, any> {
   render() {
-    const { filter, todos } = this.props;
-
     return (
       <ul className="todos">
-         <TodoListItem/>
-         <TodoListItem/> 
-         <TodoListItem/> 
-         <TodoListItem/>  
+        <TodoListItem />
+        <TodoListItem />
+        <TodoListItem />
+        <TodoListItem />
       </ul>
     );
   }
diff --git a/step1-06/README.md b/step1-06/README.md
new file mode 100644
index 0000000..212b04c
--- /dev/null
+++ b/step1-06/README.md
@@ -0,0 +1,12 @@
+already done
+itemCount filtering
+
+demo
+
+add state
+pass to header and list
+add filter class stuff
+
+exercise
+update footer to include todos
+add item count and item(s)