Merge branch 'master' into master

Author: ElaMoscicka

Diff for: 10 - Hold Shift and Check Checkboxes/index-FINISHED.html

@@ -80,7 +80,7 @@
     </div>
     <div class="item">
       <input type="checkbox">
-      <p>Try do it with out any libraries</p>
+      <p>Try do it without any libraries</p>
     </div>
     <div class="item">
       <input type="checkbox">

Diff for: 10 - Hold Shift and Check Checkboxes/index-START.html

@@ -79,7 +79,7 @@
     </div>
     <div class="item">
       <input type="checkbox">
-      <p>Try do it with out any libraries</p>
+      <p>Try do it without any libraries</p>
     </div>
     <div class="item">
       <input type="checkbox">

Diff for: 16 - Mouse Move Shadow/index-finished.html

@@ -37,7 +37,7 @@ <h1 contenteditable>🔥WOAH!</h1>
 <script>
   const hero = document.querySelector('.hero');
   const text = hero.querySelector('h1');
-  const walk = 500; // 100px
+  const walk = 500; // 500px
 
   function shadow(e) {
     const { offsetWidth: width, offsetHeight: height } = hero;

Diff for: 19 - Webcam Fun/scripts-FINISHED.js

@@ -53,7 +53,7 @@ function takePhoto() {
 }
 
 function redEffect(pixels) {
-  for(let i = 0; i < pixels.data.length; i+=4) {
+  for (let i = 0; i < pixels.data.length; i+=4) {
     pixels.data[i + 0] = pixels.data[i + 0] + 200; // RED
     pixels.data[i + 1] = pixels.data[i + 1] - 50; // GREEN
     pixels.data[i + 2] = pixels.data[i + 2] * 0.5; // Blue
@@ -62,7 +62,7 @@ function redEffect(pixels) {
 }
 
 function rgbSplit(pixels) {
-  for(let i = 0; i < pixels.data.length; i+=4) {
+  for (let i = 0; i < pixels.data.length; i+=4) {
     pixels.data[i - 150] = pixels.data[i + 0]; // RED
     pixels.data[i + 500] = pixels.data[i + 1]; // GREEN
     pixels.data[i - 550] = pixels.data[i + 2]; // Blue

Diff for: 24 - Sticky Nav/index-FINISHED.html

@@ -49,7 +49,7 @@ <h1>A story about getting lost.</h1>
     let topOfNav = nav.offsetTop;
 
     function fixNav() {
-      if(window.scrollY >= topOfNav) {
+      if (window.scrollY >= topOfNav) {
         document.body.style.paddingTop = nav.offsetHeight + 'px';
         document.body.classList.add('fixed-nav');
       } else {

Diff for: 26 - Stripe Follow Along Nav/index-FINISHED.html

@@ -32,13 +32,21 @@ <h2>Cool</h2>
             <span class="code">ES6</span>
             <a href="https://ES6.io">ES6 For Everyone</a>
           </li>
+          <li>
+            <span class="code">NODE</span>
+            <a href="https://LearnNode.com">Learn Node</a>
+          </li>
           <li>
             <span class="code">STPU</span>
             <a href="https://SublimeTextBook.com">Sublime Text Power User</a>
           </li>
           <li>
             <span class="code">WTF</span>
-            <a href="http://flexbox.io">What The Flexbox?!</a>
+            <a href="http://Flexbox.io">What The Flexbox?!</a>
+          </li>
+          <li>
+            <span class="code">GRID</span>
+            <a href="https://CSSGrid.io">CSS Grid</a>
           </li>
           <li>
             <span class="code">LRX</span>
@@ -209,7 +217,6 @@ <h2>Cool</h2>
   .button[href*=twitter] { background: #019FE9; }
   .button[href*=facebook] { background: #3B5998; }
   .button[href*=courses] { background: #ffc600; }
-
 </style>
 
 <script>

Diff for: 26 - Stripe Follow Along Nav/index-START.html

@@ -32,13 +32,21 @@ <h2>Cool</h2>
             <span class="code">ES6</span>
             <a href="https://ES6.io">ES6 For Everyone</a>
           </li>
+          <li>
+            <span class="code">NODE</span>
+            <a href="https://LearnNode.com">Learn Node</a>
+          </li>
           <li>
             <span class="code">STPU</span>
             <a href="https://SublimeTextBook.com">Sublime Text Power User</a>
           </li>
           <li>
             <span class="code">WTF</span>
-            <a href="http://flexbox.io">What The Flexbox?!</a>
+            <a href="http://Flexbox.io">What The Flexbox?!</a>
+          </li>
+          <li>
+            <span class="code">GRID</span>
+            <a href="https://CSSGrid.io">CSS Grid</a>
           </li>
           <li>
             <span class="code">LRX</span>
@@ -209,7 +217,6 @@ <h2>Cool</h2>
   .button[href*=twitter] { background: #019FE9; }
   .button[href*=facebook] { background: #3B5998; }
   .button[href*=courses] { background: #ffc600; }
-
 </style>
 
 <script>

Diff for: readme.md

@@ -28,13 +28,17 @@ Feel free to submit a PR adding a link to your own recaps, guides or reviews!
 * [Andrei Dobra](https://github.com/andreidbr/JS30) Full repo with lessons learned and a [gh-page](https://andreidbr.github.io/JS30/) with all the exercises.
 * [从零到壹全栈部落](https://github.com/liyuechun/JavaScript30-liyuechun),春哥发起的从零到壹全栈部落，旨在带领大家一起学习，一起输出，文档化，代码化，中文视频化，全栈部落口号：输出是最好的学习方式。
 * [Usmaan Ali's](https://github.com/usyyy/javascript/blob/master/JavaScript30/analysis.md) summary of the technical skills learned from each project. He's also posting them as separate blog posts [here](https://medium.com/@usyyy)
-* [Axel](https://github.com/afuh/js30)'s lessons learned and a [showcase](https://afuh.github.io/js30/) with the projects. 
+* [Axel](https://github.com/afuh/js30)'s lessons learned and a [showcase](https://afuh.github.io/js30/) with the projects.
 * [Chris](https://github.com/dwatow/JavaScript30) 中文實戰，目標描述、過程紀錄。
 * [Muhammad D. Ramadhan's](https://miayam.github.io) blog. He shamlesly mixed his personal life with 30 day JavaScript challenge so as to increase his learning retention. He also summarised the challenge on [one single page](https://miayam.github.io/js30). Do not read his blog!
 * [Lee Keitel's Blog](https://blog.keitel.xyz/categories/javascript30/) includes summaries of each lesson, what I learned from each one, and my thoughts about the topic taught and using them in the future.
 * [Dustin Hsiao](https://github.com/dustinhsiao21/Javascript30-dustin) 包含了各篇介紹、 效果Demo、各篇詳解及記錄過程，附上部分延伸閱讀及[gh-page](https://dustinhsiao21.github.io/Javascript30-dustin/)。
-* [GuaHsu](https://github.com/guahsu/JavaScript30) - 紀錄各篇練習過程與心得，並嘗試擴充部分練習，也做了一個包含全部練習的[介紹站](http://guahsu.io/JavaScript30/)🇹🇼 
+* [GuaHsu](https://github.com/guahsu/JavaScript30) - 紀錄各篇練習過程與心得，並嘗試擴充部分練習，也做了一個包含全部練習的[介紹站](http://guahsu.io/JavaScript30/)🇹🇼
 * [Daniela](https://github.com/misslild)'s completed challenges on [GitHub Pages](https://misslild.github.io/WesBos-30day-Coding-challenge/) and [Codepen](https://codepen.io/collection/DapZeP/) :raised_hands: :muscle: :+1:
+* [Dmitrii Pashutskii's](https://github.com/guar47) code of all challenges on [GitHub with Pages](https://github.com/guar47/javascript30Summary) and review [blog posts](https://blog.dpashutskii.com/tag/javascript30/)
+* [Abid Hasan's](https://github.com/sabidhasan/javascript-30) completion of all challenges. This was awesome!! Learned so much! :+1:
+* [Yusong Notes](https://sky172839465.github.io/course/js30) Records Yusong JS 30 days note and demo :star2:
+* [Herminio Torres](https://github.com/herminiotorres/JavaScript30) lessons and tricks learned, and a [gh-page](https://herminiotorres.github.io/JavaScript30/) to see working all the mini-projects.
 
 ## A note on Pull Requests