Draft skeleton for JS Core lessons #3

CodeYourFuture · Mar 25, 2017 · b63eb08 · b63eb08
1 parent a9665de
commit b63eb08
Show file tree

Hide file tree

Showing 20 changed files with 203 additions and 811 deletions.
diff --git a/CONTRIBUTING.html b/CONTRIBUTING.html
@@ -222,19 +222,6 @@
 
 
 
-        </li>
-
-        <li class="chapter " data-level="1.3.5" data-path="js-core/lesson5.html">
-
-                <a href="js-core/lesson5.html">
-
-
-                    Lesson 5
-
-                </a>
-
-
-
         </li>
 
 

diff --git a/PRACTICES.html b/PRACTICES.html
@@ -224,19 +224,6 @@
 
 
 
-        </li>
-
-        <li class="chapter " data-level="1.3.5" data-path="js-core/lesson5.html">
-
-                <a href="js-core/lesson5.html">
-
-
-                    Lesson 5
-
-                </a>
-
-
-
         </li>
 
 

diff --git a/html-css/lesson1.html b/html-css/lesson1.html
@@ -222,19 +222,6 @@
 
 
 
-        </li>
-
-        <li class="chapter " data-level="1.3.5" data-path="../js-core/lesson5.html">
-
-                <a href="../js-core/lesson5.html">
-
-
-                    Lesson 5
-
-                </a>
-
-
-
         </li>
 
 
@@ -477,7 +464,7 @@ <h1 id="htmlcss-1">HTML/CSS 1</h1>
 <li>CSS specificity</li>
 </ul>
 <hr>
-<h3 id="what-makes-a-web-page">What makes a web page?</h3>
+<h2 id="what-makes-a-web-page">What makes a web page?</h2>
 <p><img src="assets/webpage-parts.png" alt="What makes a web page"></p>
 <p><strong> Separation of Concerns: </strong> In computer science, separation of concerns (SoC) is a design principle for separating a computer program into distinct sections, such that each section addresses a separate concern. (Wikipedia)</p>
 <blockquote>
@@ -499,7 +486,7 @@ <h2 id="code-walkthrough">Code Walkthrough</h2>
 <li>Why we don&apos;t put everything in one file?</li>
 </ul>
 </blockquote>
-<h3 id="semantic-html">Semantic HTML</h3>
+<h2 id="semantic-html">Semantic HTML</h2>
 <p>What is wrong with using <code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span><span class="token punctuation">&gt;</span></span></code> for all our HTML page?</p>
 <ul>
 <li><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>header</span><span class="token punctuation">&gt;</span></span></code></li>
@@ -510,7 +497,7 @@ <h3 id="semantic-html">Semantic HTML</h3>
 </blockquote>
 </li>
 </ul>
-<h3 id="css-selectors">CSS Selectors</h3>
+<h2 id="css-selectors">CSS Selectors</h2>
 <p>Selectors define to which elements a set of CSS rules apply.</p>
 <ul>
 <li>Type selectors<pre class="language-"><code class="lang-CSS">/* This CSS snippet would select all elements of Type input and set their color to red */
@@ -546,7 +533,7 @@ <h3 id="css-selectors">CSS Selectors</h3>
 <li>Implement a background image in the jumbotron.</li>
 </ol>
 </blockquote>
-<h3 id="the-cascade">The cascade</h3>
+<h2 id="the-cascade">The cascade</h2>
 <p>The cascade is a fundamental feature of CSS. It is an algorithm defining how to combine properties values originating from different sources. It lies at the core of CSS as stressed by its name: Cascading Style Sheets. (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade" target="_blank">MDN</a>)</p>
 <blockquote>
 <p><strong>Exercises:</strong></p>
@@ -555,7 +542,7 @@ <h3 id="the-cascade">The cascade</h3>
 <li>Update the buttons to look like the screenshot, using the color from the logo (<code>#ce5f31</code>) for .btn-primary. (Make this change for all buttons on the page, not just those in the jumbotron.)</li>
 </ol>
 </blockquote>
-<h3 id="pseudo-classes">Pseudo classes</h3>
+<h2 id="pseudo-classes">Pseudo classes</h2>
 <p>A CSS pseudo-class is a keyword added to selectors that specifies a special state of the element to be selected. For example <code>:hover</code> will apply a style when the user hovers over the element specified by the selector.</p>
 <blockquote>
 <p><strong>Exercise:</strong>
@@ -565,7 +552,7 @@ <h3 id="pseudo-classes">Pseudo classes</h3>
 <li>Use what you&apos;ve learned about :hover and :focus to make the links in the navigation menu show a red (<code>#ce5f31</code>) border during those interactions. (make sure the button does not jump when the border is applied)</li>
 </ol>
 </blockquote>
-<h3 id="box-model">Box model</h3>
+<h2 id="box-model">Box model</h2>
 <ul>
 <li>How margins, padding and borders effect the size of a block element differently.</li>
 </ul>
@@ -579,9 +566,9 @@ <h3 id="box-model">Box model</h3>
 <li>Add a margin to the <code>Learn More</code> heading, so that there is more space between the jumbotron and the heading. (make sure it applies only Learn More heading)</li>
 </ol>
 </blockquote>
-<h3 id="css-specificity">CSS specificity</h3>
+<h2 id="css-specificity">CSS specificity</h2>
 <p>What happens if two CSS rules apply to the same element?</p>
-<h2 id="resources">Resources</h2>
+<h1 id="resources">Resources</h1>
 <ol>
 <li><a href="https://developer.mozilla.org/en/docs/Web/Guide/HTML/HTML5" target="_blank">HTML5 - elements and their semantic</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors" target="_blank">CSS Selectors - MDN</a></li>
@@ -590,7 +577,7 @@ <h2 id="resources">Resources</h2>
 <li><a href="https://developer.mozilla.org/en/docs/Web/CSS/Specificity" target="_blank">CSS specificity - MDN</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes" target="_blank">Pseudo classes - MDN</a></li>
 </ol>
-<h2 id="homework">Homework</h2>
+<h1 id="homework">Homework</h1>
 <ol>
 <li><p>Move Your Codepen page that you created to Github. That would involve:</p>
 <ul>
@@ -651,7 +638,7 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
     <script>
         var gitbook = gitbook || [];
         gitbook.push(function() {
-            gitbook.page.hasChanged({"page":{"title":"Lesson 1","level":"1.2.1","depth":2,"next":{"title":"Lesson 2","level":"1.2.2","depth":2,"path":"html-css/lesson2.md","ref":"html-css/lesson2.md","articles":[]},"previous":{"title":"HTML/CSS","level":"1.2","depth":1,"ref":"","articles":[{"title":"Lesson 1","level":"1.2.1","depth":2,"path":"html-css/lesson1.md","ref":"html-css/lesson1.md","articles":[]},{"title":"Lesson 2","level":"1.2.2","depth":2,"path":"html-css/lesson2.md","ref":"html-css/lesson2.md","articles":[]},{"title":"Lesson 3","level":"1.2.3","depth":2,"path":"html-css/lesson3.md","ref":"html-css/lesson3.md","articles":[]}]},"dir":"ltr"},"config":{"gitbook":"*","theme":"default","variables":{},"plugins":["prism","-highlight","livereload"],"pluginsConfig":{"prism":{"css":["prismjs/themes/prism-tomorrow.css"]},"livereload":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"}},"file":{"path":"html-css/lesson1.md","mtime":"2017-03-25T15:39:49.000Z","type":"markdown"},"gitbook":{"version":"3.2.2","time":"2017-03-25T13:34:03.675Z"},"basePath":"..","book":{"language":""}});
+            gitbook.page.hasChanged({"page":{"title":"Lesson 1","level":"1.2.1","depth":2,"next":{"title":"Lesson 2","level":"1.2.2","depth":2,"path":"html-css/lesson2.md","ref":"html-css/lesson2.md","articles":[]},"previous":{"title":"HTML/CSS","level":"1.2","depth":1,"ref":"","articles":[{"title":"Lesson 1","level":"1.2.1","depth":2,"path":"html-css/lesson1.md","ref":"html-css/lesson1.md","articles":[]},{"title":"Lesson 2","level":"1.2.2","depth":2,"path":"html-css/lesson2.md","ref":"html-css/lesson2.md","articles":[]},{"title":"Lesson 3","level":"1.2.3","depth":2,"path":"html-css/lesson3.md","ref":"html-css/lesson3.md","articles":[]}]},"dir":"ltr"},"config":{"gitbook":"*","theme":"default","variables":{},"plugins":["prism","-highlight","livereload"],"pluginsConfig":{"prism":{"css":["prismjs/themes/prism-tomorrow.css"]},"livereload":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"}},"file":{"path":"html-css/lesson1.md","mtime":"2017-03-25T17:55:22.000Z","type":"markdown"},"gitbook":{"version":"3.2.2","time":"2017-03-25T13:34:03.675Z"},"basePath":"..","book":{"language":""}});
         });
     </script>
 </div>

diff --git a/html-css/lesson2.html b/html-css/lesson2.html
@@ -224,19 +224,6 @@
 
 
 
-        </li>
-
-        <li class="chapter " data-level="1.3.5" data-path="../js-core/lesson5.html">
-
-                <a href="../js-core/lesson5.html">
-
-
-                    Lesson 5
-
-                </a>
-
-
-
         </li>
 
 

diff --git a/html-css/lesson3.html b/html-css/lesson3.html
@@ -222,19 +222,6 @@
 
 
 
-        </li>
-
-        <li class="chapter " data-level="1.3.5" data-path="../js-core/lesson5.html">
-
-                <a href="../js-core/lesson5.html">
-
-
-                    Lesson 5
-
-                </a>
-
-
-
         </li>
 
 
@@ -508,7 +495,7 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
     <script>
         var gitbook = gitbook || [];
         gitbook.push(function() {
-            gitbook.page.hasChanged({"page":{"title":"Lesson 3","level":"1.2.3","depth":2,"next":{"title":"JavaScript","level":"1.3","depth":1,"ref":"","articles":[{"title":"Lesson 1","level":"1.3.1","depth":2,"path":"js-core/lesson1.md","ref":"js-core/lesson1.md","articles":[]},{"title":"Lesson 2","level":"1.3.2","depth":2,"path":"js-core/lesson2.md","ref":"js-core/lesson2.md","articles":[]},{"title":"Lesson 3","level":"1.3.3","depth":2,"path":"js-core/lesson3.md","ref":"js-core/lesson3.md","articles":[]},{"title":"Lesson 4","level":"1.3.4","depth":2,"path":"js-core/lesson4.md","ref":"js-core/lesson4.md","articles":[]},{"title":"Lesson 5","level":"1.3.5","depth":2,"path":"js-core/lesson5.md","ref":"js-core/lesson5.md","articles":[]}]},"previous":{"title":"Lesson 2","level":"1.2.2","depth":2,"path":"html-css/lesson2.md","ref":"html-css/lesson2.md","articles":[]},"dir":"ltr"},"config":{"gitbook":"*","theme":"default","variables":{},"plugins":["prism","-highlight","livereload"],"pluginsConfig":{"prism":{"css":["prismjs/themes/prism-tomorrow.css"]},"livereload":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"}},"file":{"path":"html-css/lesson3.md","mtime":"2017-03-19T12:02:36.000Z","type":"markdown"},"gitbook":{"version":"3.2.2","time":"2017-03-25T13:34:03.675Z"},"basePath":"..","book":{"language":""}});
+            gitbook.page.hasChanged({"page":{"title":"Lesson 3","level":"1.2.3","depth":2,"next":{"title":"JavaScript","level":"1.3","depth":1,"ref":"","articles":[{"title":"Lesson 1","level":"1.3.1","depth":2,"path":"js-core/lesson1.md","ref":"js-core/lesson1.md","articles":[]},{"title":"Lesson 2","level":"1.3.2","depth":2,"path":"js-core/lesson2.md","ref":"js-core/lesson2.md","articles":[]},{"title":"Lesson 3","level":"1.3.3","depth":2,"path":"js-core/lesson3.md","ref":"js-core/lesson3.md","articles":[]},{"title":"Lesson 4","level":"1.3.4","depth":2,"path":"js-core/lesson4.md","ref":"js-core/lesson4.md","articles":[]}]},"previous":{"title":"Lesson 2","level":"1.2.2","depth":2,"path":"html-css/lesson2.md","ref":"html-css/lesson2.md","articles":[]},"dir":"ltr"},"config":{"gitbook":"*","theme":"default","variables":{},"plugins":["prism","-highlight","livereload"],"pluginsConfig":{"prism":{"css":["prismjs/themes/prism-tomorrow.css"]},"livereload":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"}},"file":{"path":"html-css/lesson3.md","mtime":"2017-03-19T12:02:36.000Z","type":"markdown"},"gitbook":{"version":"3.2.2","time":"2017-03-25T13:34:03.675Z"},"basePath":"..","book":{"language":""}});
         });
     </script>
 </div>

diff --git a/index.html b/index.html
@@ -220,19 +220,6 @@
 
 
 
-        </li>
-
-        <li class="chapter " data-level="1.3.5" data-path="js-core/lesson5.html">
-
-                <a href="js-core/lesson5.html">
-
-
-                    Lesson 5
-
-                </a>
-
-
-
         </li>