Adding workshop recordings on functions, testing, arrays and objects (#1258)

Author: moneyinthesky

common-content/en/module/js1/functions-workshop/index.md

@@ -0,0 +1,51 @@
++++
+title = '📼 Solving Problems with Functions'
+
+time = 60
+facilitation = false
+emoji= '🗄️'
+[objectives]
+    1='Practice solving problems with functions'
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false
+
++++
+
+{{<youtube>}}https://youtu.be/foc8E5Yi4c0{{</youtube>}}
+
+To get the most out of this workshop - don't just watch, code along 💻
+You can use the code samples below as a starting point.
+
+### Exercise 1
+
+```js
+// Write a function that will calculate the area of a rectangle
+//   given it's width and height
+
+let width = 3
+let height = 4
+
+function calculateArea() {
+    const area = width * height
+}
+
+console.log(area)
+```
+
+### Exercise 2
+
+```js
+function capitaliseFirstLetter(name) {
+    console.log(name[0].toUpperCase() + name.substring(1))
+}
+
+function createGreeting(name) {
+    const result = capitaliseFirstLetter(name)
+    return `Welcome ${result}`
+}
+
+const greeting = createGreeting('barath')
+console.log(greeting)
+```

common-content/en/module/js1/testing-workshop/index.md

@@ -0,0 +1,35 @@
++++
+title = '📼 Testing Workshop'
+
+time = 60
+facilitation = false
+emoji= '🗄️'
+[objectives]
+    1='Practice solving problems while testing'
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false
+
++++
+
+{{<youtube>}}https://youtu.be/SMy1jWCg8kI{{</youtube>}}
+
+To get the most out of this workshop - don't just watch, code along 💻
+You can use the code samples below as a starting point.
+
+### Exercise 1
+
+```js
+// Create a function that takes three numbers as parameters 
+//   and returns the largest of the three
+```
+
+### Exercise 2
+
+- Start with an empty folder
+- Create a new NodeJS project: `npm init -y`
+- Install Jest as a dependency: `npm i jest --save-dev`
+- In package.json, change `"test": "echo \"Error: no test specified\" && exit 1"` to `"test": "jest"`
+- Create a file for our first exercise: `example1.test.js`
+- You can run your tests using `npm test`

common-content/en/module/js2/arrays-workshop/index.md

@@ -0,0 +1,52 @@
++++
+title = '📼 Arrays Workshop'
+
+time = 60
+facilitation = false
+emoji= '🗄️'
+[objectives]
+    1='Practice solving problems with arrays'
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false
+
++++
+
+{{<youtube>}}https://youtu.be/a_4gTaNYwTU{{</youtube>}}
+
+To get the most out of this workshop - don't just watch, code along 💻
+You can use the code samples below as a starting point.
+
+### Exercise 1
+
+```js
+// Can you fix this code?
+function doubleAllNumbers() {
+    let doubledNumbers
+
+    for(let n of numbers) {
+        doubledNumbers.push(n * 2)
+    }
+
+    return doubledNumbers
+}
+
+const myNums = [10, 20, 30]
+doubleAllNumbers(myNums)
+console.log(myNums)
+```
+
+### Exercise 2
+
+```js
+// Write a function which takes an array as a parameter 
+//   and swaps the first element with the last element
+
+function swapFirstAndLast(arr) {
+}
+
+const myArray = [5, 2, 3, 4, 1]
+swapFirstAndLast(myArray)
+console.log(myArray) // what output should we expect?
+```

common-content/en/module/js2/objects-workshop/index.md

@@ -0,0 +1,143 @@
++++
+title = '📼 Objects Workshop'
+
+time = 60
+facilitation = false
+emoji= '🗄️'
+[objectives]
+    1='Practice solving problems with objects'
+[build]
+  render = 'never'
+  list = 'local'
+  publishResources = false
+
++++
+
+{{<youtube>}}https://youtu.be/CHu7iEmuZV4{{</youtube>}}
+
+To get the most out of this workshop - don't just watch, code along 💻
+You can use the code samples below as a starting point.
+
+### Exercise 1
+
+```js
+// Write a function that returns true if I can eat the ice cream
+//  The function has 1 parameter representing an ice cream object
+//  I can eat the ice cream if it is lactose-free and contains less than 10 grams of sugar
+
+function canEat(iceCream) {}
+
+const iceCream1 = {
+	flavour: "Vanilla",
+	lactoseFree: false,
+	gramsOfSugarPerScoop: 12,
+}
+
+const iceCream2 = {
+	flavour: "Mango Sorbet",
+	lactoseFree: true,
+	gramsOfSugarPerScoop: 10,
+}
+
+const iceCream3 = {
+	flavour: "Coconut",
+	lactoseFree: true,
+	gramsOfSugarPerScoop: 8,
+}
+
+const iceCream4 = {
+	flavour: "Strawberry",
+	lactoseFree: false,
+	gramsOfSugarPerScoop: 8,
+}
+
+const iceCream5 = {
+	flavour: "Lemon Sorbet",
+	lactoseFree: true,
+	gramsOfSugarPerScoop: 7,
+}
+
+console.log(canEat(iceCream1)) // what should this output?
+console.log(canEat(iceCream2)) // what should this output?
+console.log(canEat(iceCream3)) // what should this output?
+console.log(canEat(iceCream4)) // what should this output?
+console.log(canEat(iceCream5)) // what should this output?
+```
+
+### Exercise 2
+
+```js
+// Write a function called `getCheapest` that will take 2 book objects as parameters
+//  and return the name of the cheaper book
+
+const fictionBook = {
+	title: "1984",
+	author: "George Orwell",
+	category: "Dystopian Fiction",
+	subcategory: "Political",
+	cost: 9.99,
+}
+
+const productivityBook = {
+	title: "Atomic Habits",
+	author: "James Clear",
+	category: "Self-Help",
+	subcategory: "Productivity",
+	cost: 16.2,
+}
+
+// this should output 1984
+console.log(getCheapest(fictionBook, productivityBook))
+```
+
+### Exercise 3
+
+```js
+// Write a function that takes an array of ice cream objects as a parameter
+//	and returns an array of the names of ice creams I can eat
+//  I can eat the ice cream if it is lactose-free and contains less than 10 grams of sugar
+//  Use the solution from Exercise 1 to help you
+function whichIceCreamsCanIEat(iceCreams) {
+}
+
+const iceCream1 = {
+	flavour: "Vanilla",
+	lactoseFree: false,
+	gramsOfSugarPerScoop: 12,
+}
+
+const iceCream2 = {
+	flavour: "Mango Sorbet",
+	lactoseFree: true,
+	gramsOfSugarPerScoop: 10,
+}
+
+const iceCream3 = {
+	flavour: "Coconut",
+	lactoseFree: true,
+	gramsOfSugarPerScoop: 8,
+}
+
+const iceCream4 = {
+	flavour: "Strawberry",
+	lactoseFree: false,
+	gramsOfSugarPerScoop: 8,
+}
+
+const iceCream5 = {
+	flavour: "Lemon Sorbet",
+	lactoseFree: true,
+	gramsOfSugarPerScoop: 7,
+}
+
+const allIceCreams = [
+	iceCream1,
+	iceCream2,
+	iceCream3,
+	iceCream4,
+	iceCream5,	
+]
+
+const iceCreamsICanEat = whichIceCreamsCanIEat(allIceCreams)
+console.log(iceCreamsICanEat) // what should this output?
+```

org-cyf-itp/content/data-groups/sprints/1/prep/index.md

@@ -38,6 +38,9 @@ src="module/js2/side-effects"
 name="Implementing all the cases"
 src="module/js2/more-median-cases"
 [[blocks]]
+name="Solving problems with arrays 📼"
+src="module/js2/arrays-workshop"
+[[blocks]]
 name="Failing Fast"
 src="https://cyf-pd.netlify.app/blocks/fail-fast-prep/readme/"
 +++

org-cyf-itp/content/data-groups/sprints/2/prep/index.md

@@ -32,6 +32,9 @@ name="[ ] access with variables"
 src="module/js2/multiple-params"
 name="Parsing multiple params"
 [[blocks]]
+name="Solving problems with objects 📼"
+src="module/js2/objects-workshop"
+[[blocks]]
 src="https://cyf-pd.netlify.app/blocks/prep-conflict-resolution/readme/"
 name="Conflict Resolution"
 +++

org-cyf-itp/content/structuring-data/sprints/1/prep/index.md

@@ -44,4 +44,7 @@ src="module/js1/reuse"
 [[blocks]]
 name="Parameters"
 src="module/js1/parameters"
+[[blocks]]
+name="Solving problems with functions 📼"
+src="module/js1/functions-workshop"
 +++

org-cyf-itp/content/structuring-data/sprints/3/prep/index.md

@@ -37,4 +37,7 @@ name="Anonymous functions"
 [[blocks]]
 src="module/js1/arrow-functions"
 name="Arrow functions"
+[[blocks]]
+name="Solving problems while testing 📼"
+src="module/js1/testing-workshop"
 +++