Add code from arrays and crud workshop

Author: Anna Aitchison

arrays/0.js

@@ -0,0 +1,14 @@
+// Predict and explain...
+// Try predicting and explaining what will get logged to the console when the code runs
+// To check your prediction, play computer using the Python Visualiser: https://pythontutor.com/render.html#mode=display
+
+
+const ingredients = ["olive oil","tomatoes",'garlic','onion', 'carrot'];
+let ingredientsCopy = ingredients;
+ingredientsCopy.push('pasta','salt','pepper');
+const otherRecipe = ["olive oil","tomatoes",'garlic','onion', 'carrot','pasta','salt','pepper'];
+
+console.log(ingredients === ingredientsCopy);
+console.log(ingredients === otherRecipe);
+console.log(otherRecipe === ingredientsCopy);
+console.log(otherRecipe.length === ingredients.length);

arrays/100.js

@@ -0,0 +1,10 @@
+// Predict and explain...
+// What will nums.length evalute to after running the code here
+// Check your prediction and explanation by running the code. Use mdn documentation for mdn to help you make your prediction
+// 
+
+const cities = ["Manchester", "London","Birmingham","Cape Town","Glasgow"];
+const result = cities.push("Liverpool","Sheffield");
+
+console.log(`The result is ${result}`);
+console.log("cities now looks like this: ",cities);

arrays/200.js

@@ -0,0 +1,9 @@
+// Predict and explain...
+// What will nums.length evalute to after running the code here
+// Check your prediction and explanation by running the code
+
+const nums = [10,3,5,6,];
+
+nums[6] = 50;
+
+console.log(nums.length);

arrays/300.js

@@ -0,0 +1,19 @@
+// the head of an array is the first element of an array
+// the tail of an array is the last element of an array
+
+
+const alphabet = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
+
+function getHead(arr) {
+    return arr.shift();   
+};
+
+function getTail(arr) {
+    return arr.pop();
+};
+
+console.log(`The first letter of the alphabet is ${getHead(alphabet)}`);
+console.log(`The last letter of the alphabet is ${getTail(alphabet)}`);
+console.log(alphabet.length);
+// Explain why alphabet length is now 24
+// How could we change the functions we defined to return the same values, but not change the length of alphabet?

arrays/600.test.js

@@ -0,0 +1,26 @@
+
+
+// list is an array that holds a mix of data types
+// we need to collect just the numbers and not the strings
+// before runnning the tests, make a prediction and explanation about what you expect the function to return 
+// fix anything that doesn't work
+
+function collectNumbers(list) {
+
+    const numbersOnly = [];
+    for (const item of list) {
+        if (item === 'string') {
+            numbersOnly.push(item);
+        }
+    }
+    return numbersOnly;
+}
+
+test('only collects numbers in the array',() => {
+    const currentOutput = collectNumbers([10.1,"hello",6.1,8.0, 9.7, 10.1,"hi", 3.5,"oops"]);
+    const targetOutput = [10.1,6.1,8.0, 9.7, 10.1, 3.5,];
+    
+    expect(currentOutput).toEqual(targetOutput);
+});
+
+

arrays/700.test.js

@@ -0,0 +1,17 @@
+// Predict and explain...
+// Below is a function countWords and a test that checks that it counts the words in a string correctly
+// At the moment, it isn't working. Try to reason about what happens when the function is called.
+// Check your prediction and explanation using the tests
+// Fix anything that doesn't work
+
+function countWords(text) {
+    return text.split('').length;
+}
+
+
+test('should count the words in a string of text', () => {
+
+    const text = "Here is a plain sentence with some information! Try to find the word count";
+    expect(countWords(text)).toBe(14);
+
+});

arrays/800.js

@@ -0,0 +1,21 @@
+// Predict and explain...
+// We've seen for..of loops used for arrays.
+// Below we try to use it with a variable which isn't an array.
+// What do you think will get logged?
+// Don't run the code until you've predicted and explained the whole file.
+// Then check your prediction and explanation by running the code
+
+const sentence = "I really enjoy ice cream";
+
+for (const part of sentence) {
+    console.log(part);
+}
+
+// What's the difference between what was written above, and what's below?
+// How will they behave differently?
+
+const parts = sentence.split(" ");
+
+for (const part of parts) {
+    console.log(part);
+}

arrays/900.js

@@ -0,0 +1,37 @@
+// Below, we have two functions which have the same aim.
+// Both functions take a word as a parameter.
+// If the function has been called with that word before (regardless of case), the previous version of the word is returned.
+// So if you called the function with "hello", then "HELLO", the second call will return "hello".
+// If the word has not been used before, it will just be returned as-is.
+
+// One of these functions has side-effects.
+// When you call it, it does something other than just returning a value based only on its parameters.
+//
+// The other doesn't have side effects.
+// When you call it with the same arguments, it always does exactly the same thing,
+// and you can see everything it does in its return value.
+//
+// Which function has side-effects? Which doesn't?
+// Try to write tests for both functions.
+// Which was easier to test? What issues did you run into writing tests?
+
+const previousWords = [];
+
+function getPreviousCaseOfWordOne(word) {
+    for (const previousWord of previousWords) {
+        if (previousWord.toLowerCase() === word.toLowerCase()) {
+            return previousWord;
+        }
+    }
+    previousWords.push(word);
+    return word;
+}
+
+function getPreviousCaseOfWordTwo(word, words) {
+    for (const previousWord of words) {
+        if (previousWord.toLowerCase() === word.toLowerCase()) {
+            return previousWord;
+        }
+    }
+    return word;
+}

crud/albums.json

@@ -0,0 +1,20 @@
+[
+  {
+    "albumId": "10",
+    "artistName": "Beyoncé",
+    "collectionName": "Lemonade",
+    "artworkUrl100": "http://is1.mzstatic.com/image/thumb/Music20/v4/23/c1/9e/23c19e53-783f-ae47-7212-03cc9998bd84/source/100x100bb.jpg",
+    "releaseDate": "2016-04-25T07:00:00Z",
+    "primaryGenreName": "Pop",
+    "url": "https://www.youtube.com/embed/PeonBmeFR8o?rel=0&controls=0&showinfo=0"
+  },
+  {
+    "albumId": "11",
+    "artistName": "Beyoncé",
+    "collectionName": "Dangerously In Love",
+    "artworkUrl100": "http://is1.mzstatic.com/image/thumb/Music/v4/18/93/6d/18936d85-8f6b-7597-87ef-62c4c5211298/source/100x100bb.jpg",
+    "releaseDate": "2003-06-24T07:00:00Z",
+    "primaryGenreName": "Pop",
+    "url": "https://www.youtube.com/embed/ViwtNLUqkMY?rel=0&controls=0&showinfo=0"
+  }
+]

crud/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title></title>
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="" />
+  </head>
+  <body>
+    <!--[if lt IE 7]>
+      <p class="browsehappy">
+        You are using an <strong>outdated</strong> browser. Please
+        <a href="#">upgrade your browser</a> to improve your experience.
+      </p>
+    <![endif]-->
+
+    <script src="" async defer></script>
+  </body>
+</html>