Here you find the readings you have to complete before the third lecture.

• Have a look at The Secret Life of JavaScript Primitives
• Go through the review of last week (Work in progress, update this week 🔧)
• Go through the review of this week (work in progress, update this week 🔩)

1. If you haven't done already, watch: What is programming Just watch the 2 min video, you do not have to do the entire JavaScript course (It could be useful later on though).
2. Please watch the following parts of the course, Programming Foundations Fundamentals on Lynda.com (if you don't have access to Lynda yet ask Gijs):
   4. Writing Conditional Code
   5. Modular Code
   6. Iteration: Writing Loops
   7. More About Strings
   8. Collections
   11. When Things Go Wrong

For all the following exercises create a new .js file. Try to find a proper name for each file or make a small comment about what it does inside for future reference

1. Create a function that takes 3 arguments and returns the sum of the three arguments.

2. Create a function named colorCar that receives a color, and prints out, "a red car" for example. (Hint: put it in your file and run it like before.)

3. Create an object and a function that takes the object as a parameter and prints out all of its names and values.

4. Create a function named vehicleType that receives a color, and a code, 1 for car, 2 for motorbike. And prints "a blue motorbike" for example when called as vehicleType("blue", 2)

5. Can you write the following without the if statement, but with just as a single line with console.log(...);?

if (3 == 3) {
    console.log("true")
} else {
    console.log("false")
}

6. Create a function called vehicle, like before, but takes another parameter called age, so that vehicle("blue", 1, 5) prints "a blue used car"

7. Make a list of vehicles, you can add "motorbike", "caravan", "bike", or more.

8. How do you get the third element from that list?

9. Change the function vehicle to use the list of question 4. So that vehicle("green", 3, 1) prints "a green new caravan".

10. Use the list of vehicles to write an advertisement. So that it prints something like: "Amazing Joe's Garage, we service cars, motorbikes, caravans and bikes.". (Hint: use a for loop.)

11. What if you add one more vehicle to the list, can you have that added to the advertisement without changing the code for question 7?

12. Create an empty object

13. Create a function that takes two objects as parameters and compares them. You will actually need to write two functions — one that compares with == and one that compares with ===. Remember that objects can have objects inside of them so you'll need to find a way to compare every element of every object (types and values). For example:

    var obj1 = {
        a: 1, 
        b: 'this is the letter b', 
        c: { foo: 'what is a foo anyway', 
             bar: [1,2,3,4]
        }
    }
    
    var obj2 = {
        a: '1', 
        b: 'this is the letter b', 
        c: { foo: 'what is a foo anyway', 
             bar: [1,2,3,4]
        }
    }

In our example we'll say that `obj1 == obj2` is `true` and `obj1 === obj2` is `false`. Make sure you can see why before you write any code!

Note: give this exercise your best shot but don’t spend more than, say, one hour on it.

14. We saw that we can pass functions as arguments to other functions. Your task is to write a function that takes another function as an argument and runs it.

    function foo(func) {
        // What to do here? 
    }
    
    function bar() {
        console.log('Hello, I am bar!');
    }
    
    foo(bar);

15. Write some code to test two arrays for equality using == and ===. Test the following:

    var x = [1,2,3];
    var y = [1,2,3];
    var z = y;

What do you think will happen with x == y, x === y and z == y and z == x? Prove it!

Don't cheat! Seriously - try it first.

Check out this Fiddle. You need to open your browser’s Developer Tools to see the console output. Press the Run button in the upper right corner to run the code.

More insights from this Stack Overflow question.

16. Take a look at the following code:

     var o1 = { foo: 'bar' };
     var o2 = { foo: 'bar' };
     var o3 = o2;

Show that changing `o2` changes `o3` (or not) and changing ~~`o2` changes `o3`~~ `o1` changes `o3`(or not). 

Does the order that you assign (`o3 = o2` or `o2 = o3`) matter? {Jim Cramer: ???}

17. What does the following code return? (And why?)

let bar = 42; 
typeof typeof bar;

‘Coerce' means to try to change - so coercing var x = '6' to number means trying to change the type to number temporarily.

Go back to FreeCodeCamp, start where you left of and finish the rest of the Basic JavaScript challenges.

Please make sure you REALLY understand the exercises below:

• https://www.freecodecamp.com/challenges/multiply-two-decimals-with-javascript
• https://www.freecodecamp.com/challenges/store-multiple-values-in-one-variable-using-javascript-arrays
• https://www.freecodecamp.com/challenges/build-javascript-objects
• https://www.freecodecamp.com/challenges/add-new-properties-to-a-javascript-object
• https://www.freecodecamp.com/challenges/delete-properties-from-a-javascript-object

How to hand in your homework:
• Upload your homework in your "hyf-javascript1" Github repository. Make sure to create a new folder "week2" first. 
• Upload your homework files inside the week2 folder and write a description for this “commit”.
• Your hyf-javascript1/week2 should now contain all your homework files.
• Place the link to your repository folder in Trello.

⭐ Additional resources and review: here (work in progress):star: