Added unlisted p5js videos (CodingTrain#2411)

* Added unlisted p5js videos The website was missing videos from 9.2 to 9.8. So, I added their markdown files. * made a mistake in date formatting * made another mistake while formatting date * added video URL in proper files earlier, I didn't add the linked video URLs in existing files which resulted in running jest errors. Here, I fixed them. * removed parenthesis from title
123-komal · Jul 8, 2020 · 85e0168 · 85e0168
1 parent 1cd18cd
commit 85e0168
Show file tree

Hide file tree

Showing 16 changed files with 65 additions and 9 deletions.
diff --git a/_CodingChallenges/069.1-steering-evolution.md b/_CodingChallenges/069.1-steering-evolution.md
@@ -23,7 +23,7 @@ videos:
   - title: "My Video on Autonomous Agents and Steering"
     video_id: "JIz2L4tn5kM"
   - title: "My Video on Vectors in p5.js"
-    video_id: "vqE8DMfOajk"
+    video_id: /Tutorials/9-additional-topics/9.7-drawing-object-trails
 
 parts:
   - title: "Evolutionary Steering Behaviors - Part 2"

diff --git a/_CodingChallenges/069.2-steering-evolution.md b/_CodingChallenges/069.2-steering-evolution.md
@@ -23,7 +23,7 @@ videos:
   - title: "My Video on Autonomous Agents and Steering"
     video_id: "JIz2L4tn5kM"
   - title: "My Video on Vectors in p5.js"
-    video_id: "vqE8DMfOajk"
+    video_id: /Tutorials/9-additional-topics/9.7-drawing-object-trails
   - title: "My Video on How to go through an array backwards"
     video_id: "HXOD_XDA-KU"
 

diff --git a/_CodingChallenges/069.3-steering-evolution.md b/_CodingChallenges/069.3-steering-evolution.md
@@ -23,7 +23,7 @@ videos:
   - title: "My Video on Autonomous Agents and Steering"
     video_id: "JIz2L4tn5kM"
   - title: "My Video on Vectors in p5.js"
-    video_id: "vqE8DMfOajk"
+    video_id: /Tutorials/9-additional-topics/9.7-drawing-object-trails
 
 parts:
   - title: "Evolutionary Steering Behaviors - Part 1"

diff --git a/_CodingChallenges/069.4-steering-evolution.md b/_CodingChallenges/069.4-steering-evolution.md
@@ -24,7 +24,7 @@ videos:
   - title: "My Video on Autonomous Agents and Steering"
     video_id: "JIz2L4tn5kM"
   - title: "My Video on Vectors in p5.js"
-    video_id: "vqE8DMfOajk"
+    video_id: /Tutorials/9-additional-topics/9.7-drawing-object-trails
 
 parts:
   - title: "Evolutionary Steering Behaviors - Part 1"

diff --git a/_CodingChallenges/069.5-steering-evolution.md b/_CodingChallenges/069.5-steering-evolution.md
@@ -23,7 +23,7 @@ videos:
   - title: "My Video on Autonomous Agents and Steering"
     video_id: "JIz2L4tn5kM"
   - title: "My Video on Vectors in p5.js"
-    video_id: "vqE8DMfOajk"
+    video_id: /Tutorials/9-additional-topics/9.7-drawing-object-trails
 
 parts:
   - title: "Evolutionary Steering Behaviors - Part 1"

diff --git a/_CodingChallenges/073-acrostic.md b/_CodingChallenges/073-acrostic.md
@@ -27,7 +27,7 @@ videos:
   - title: "FunFunFunction's video on let/var/const"
     video_id: "sjyJBL5fkp8"
   - title: "My Video on Closures"
-    video_id: "-jysK0nlz7A"
+    video_id: /Tutorials/9-additional-topics/9.6-javascript-closure
 ---
 
 In this coding challenge, I create an acrostic generator with the Wordnik API and p5.js. This challenge is part of my "Programming with Text" series.
diff --git a/_Streams/121-map-reduce-in-javascript.md b/_Streams/121-map-reduce-in-javascript.md
@@ -29,7 +29,7 @@ videos:
   - title: "ES6 Arrow Function"
     url: "/Tutorials/16-javascript-es6/16.3-arrow-function"
   - title: "Closure in JavaScript"
-    video_id: "-jysK0nlz7A"
+    video_id: /Tutorials/9-additional-topics/9.6-javascript-closure
   - title: "Prototypes in JavaScript"
     video_id: "hS_WqkyUah8"
 ---

diff --git a/_Tutorials/16-javascript-es6/16.5-higher-order-functions.md b/_Tutorials/16-javascript-es6/16.5-higher-order-functions.md
@@ -8,7 +8,7 @@ videos:
   - title: "ES6 Arrow Function"
     url: "/Tutorials/16-javascript-es6/16.3-arrow-function"
   - title: "Closures in JavaScript"
-    video_id: "-jysK0nlz7A"
+    video_id: /Tutorials/9-additional-topics/9.6-javascript-closure
 ---
 
 In this video, I discuss "higher order functions" in JavaScript.
diff --git a/_Tutorials/9-additional-topics/9.2-transformations-part-2.md b/_Tutorials/9-additional-topics/9.2-transformations-part-2.md
@@ -0,0 +1,8 @@
+---
+title: "Transformations (Scale) - Part 2"
+video_number: 2
+date: 2017-09-19
+video_id: pkHZTWOoTLM
+---
+
+In this three part tutorial, I cover matrix "transformations" using p5.js. In this video I look at the `scale()` function.
diff --git a/_Tutorials/9-additional-topics/9.3-transformations-art-3.md b/_Tutorials/9-additional-topics/9.3-transformations-art-3.md
@@ -0,0 +1,8 @@
+---
+title: "Transformations - Part 3"
+video_number: 3
+date: 2017-09-20
+video_id: IVMvq9rd8dA
+---
+
+In this three part tutorial, I cover matrix "transformations" using p5.js. In this video, I look a bit behind the scenes on how transformations work and where the terms "push" and "pop" come from.  I discuss the difference between a stack and a queue, rotate() vs rotateZ(), and what a "matrix" refers to in computer graphics.
diff --git a/_Tutorials/9-additional-topics/9.4-javascript-setTimeout-function.md b/_Tutorials/9-additional-topics/9.4-javascript-setTimeout-function.md
@@ -0,0 +1,8 @@
+---
+title: "JavaScript setTimeout Function"
+video_number: 4
+date: 2015-12-05
+video_id: nGfTjA8qNDA
+---
+
+This video covers the `setTimeout` function in JavaScript in the context of p5.js.  `setTimeout` allows you to execute a given function at a specific time (in milliseconds.)
diff --git a/_Tutorials/9-additional-topics/9.5-javascript-setInterval-function.md b/_Tutorials/9-additional-topics/9.5-javascript-setInterval-function.md
@@ -0,0 +1,8 @@
+---
+title: "JavaScript setInterval() Function"
+video_number: 5
+date: 2015-12-05
+video_id: CqDqHiamRHA
+---
+
+This video covers the `setInterval()` function in JavaScript in the context of p5.js.  `setInterval()` allows you to execute a given function every N milliseconds.
diff --git a/_Tutorials/9-additional-topics/9.6-javascript-closure.md b/_Tutorials/9-additional-topics/9.6-javascript-closure.md
@@ -0,0 +1,8 @@
+---
+title: "Closures in JavaScript"
+video_number: 6
+date: 2015-12-05
+video_id: -jysK0nlz7A
+---
+
+This video covers JavaScript closures.  What is a closure?  Why is it useful?  The context explored is a closure function that animates a DOM element in the browser. 
diff --git a/_Tutorials/9-additional-topics/9.7-drawing-object-trails.md b/_Tutorials/9-additional-topics/9.7-drawing-object-trails.md
@@ -0,0 +1,8 @@
+---
+title: "Drawing Object Trails"
+video_number: 7
+date: 2016-02-10
+video_id: vqE8DMfOajk
+---
+
+This video looks at how an object can store a history of positions.  This allows you to render the object's trail while keeping `background()` in the `draw()` loop.  I look briefly at p5.Vector and `createVector()` as well as the `push()` and `splice()` functions in JavaScript arrays.
diff --git a/_Tutorials/9-additional-topics/9.8-random-circles-with-no-overlap.md b/_Tutorials/9-additional-topics/9.8-random-circles-with-no-overlap.md
@@ -0,0 +1,8 @@
+---
+title: "Random Circles with No Overlap"
+video_number: 8
+date: 2016-03-16
+video_id: XATr_jdh-44
+---
+
+This video demonstrates a "circle packing"-like algorithm.  Circles are placed randomly in the canvas, but only if they are not overlapping with any previous circles.  This is referred to as "uniform random sampling." The p5.js `dist()` function is demonstrated.
diff --git a/_learning/ml5/7.2-pose-classifier.md b/_learning/ml5/7.2-pose-classifier.md
@@ -47,6 +47,6 @@ videos:
     video_id: /TeachableMachine/1-teachable-machine
   - title: "JavaScript setTimeout() Function"
     author: "The Coding Train"
-    video_id: nGfTjA8qNDA
+    video_id: /Tutorials/9-additional-topics/9.4-javascript-setTimeout-function
 ---
 This tutorial combines PoseNet and ml5.neuralNetwork(). I use the output of the pre-trained model (the "pose" itself) as the inputs to an ml5.js neural network classifier.