chore: add shopping list arrays workshop to frontend cert(JS only)

[jdwilkin4]

The frontend cert will have a module just for arrays. There will be two lecture blocks going into more detail about how to work with arrays and their methods. But we need a short(like 40 steps or less) workshop, for them to learn about arrays interactively.

One idea I had was a small shopping list app. We could have campers learn about push, pop, shift and unshift by adding and removing items from their list. we could also have them learn how to change items are certain indices.

something along the lines of this:

const shoppingList = [];
shoppingList.push('Apples');
console.log(`Current Shopping List: ${shoppingList}`);
shoppingList.push('Grapes');
console.log(`Current Shopping List: ${shoppingList}`);
shoppingList.unshift('Milk');
console.log(`Current Shopping List: ${shoppingList}`);
// etc.

This will be complete list of concepts campers will know about so far before this workshop:

• let
• const
• assignment
• reassignment
• basic string usage
• console.log
• camelCase
• string concatenation using the + operator
• template literals
• str.length property
• bracket notation and retrieving characters from strings
• str.indexOf method
• Number()
• Math.floor
• Math.random
• getting a random number from a range
• prompt()
• ===
• if/else if/else
• comparison operators(< >=)
• logical operators (|| &&)
• true and false (truthy and falsey)

Acceptance criteria

• [x] create a new folder of the project in the frontend-cert/js-projects directory
• [x] add your completed project in an script.js file in that new folder