changed shedule added review

mkruijt · mkruijt · commit f3737ed8fb60 · 2017-08-22T17:06:44.000+02:00
diff --git a/README.md b/README.md
@@ -7,10 +7,10 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul
 
 |Week|Topic|Read|Homework|
 |----|-----|----|--------|
-|0.|Preparation for your first JavaScript session|[Pre-reading](https://github.com/HackYourFuture/JavaScript/tree/master/Week0)|-|
-|1.|• Intro JavaScript (What is it, where can you use it for)<br>• Basic Data types [Strings, Numbers, Arrays]<br>• Variables<br>• Operators<br>• Conditions <br>• Naming conventions| [CLI Reading Week 1](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md)| [Homework Week 1](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/MAKEME.md)|
-|2.| • [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :heart: <br> • Loops (for/while)<br>• Functions <br>• Closures <br>• Scope |[Reading Week 2](https://github.com/HackYourFuture/JavaScript/tree/master/Week2)|[JS](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/MAKEME.md) + [CLI Homework Week 2](https://github.com/HackYourFuture/CommandLine/blob/master/HomeWork.md)|
-|3.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon:<br>• Advanced data types [Objects] <br>• Array Manipulations <br>• Basic DOM manipulations [img src, innerHTML]<br>• Code commenting|[Reading Week 3](https://github.com/HackYourFuture/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/MAKEME.md)|
+|0.|Preparation for your first JavaScript session|[Pre-reading](https://github.com/HackYourFuture/JavaScript/tree/master/Week0) + [CLI Reading Week 1](https://github.com/HackYourFuture/CommandLine/blob/master/Lecture-1.md)|-|
+|1.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :heart: • Intro JavaScript (What is it, where can you use it for)<br>• Variables [var, let, const]<br>• Basic Data types [Strings, Numbers, Arrays]<br>• Operators| TBA | [Homework Week 1](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/MAKEME.md) + [CLI Homework Week 1](https://github.com/HackYourFuture/CommandLine/blob/master/HomeWork.md)|
+|2.|•[CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon: <br>• Conditions <br>• Naming conventions <br> • Loops (for/while)<br>• Functions <br>• Closures <br>• Scope |[Reading Week 2](https://github.com/HackYourFuture/JavaScript/tree/master/Week2)|[JS](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/MAKEME.md)|
+|3.|• Advanced data types [Objects] <br>• Array Manipulations <br>• Basic DOM manipulations [img src, innerHTML]<br>• Code commenting|[Reading Week 3](https://github.com/HackYourFuture/JavaScript/tree/master/Week3)|[Homework Week 3](https://github.com/HackYourFuture/JavaScript/tree/master/Week3/MAKEME.md)|
 |4.|• First Git Session with Unmesh :smiling_imp:<br>• JSON<br>• Code debugging using the browser<br>• Functions + JSON/Arrays<br>• Code flow (order of execution) <br>• (capturing user input) <br>• Structuring code files|[Reading Week 4](https://github.com/HackYourFuture/JavaScript/tree/master/Week4)|[JS](https://github.com/HackYourFuture/JavaScript/tree/master/Week4/MAKEME.md) + [Git Homework Week 4](https://github.com/HackYourFuture/Git/blob/master/Lecture-1.md)|
 |5.|• Second Git Session :see_no_evil:<br>• Events<br>• Callbacks <br>• XHTTP Requests <br>• API calls|[Reading Week 5](https://github.com/HackYourFuture/JavaScript/tree/master/Week5)|[Homework Week 5](https://github.com/HackYourFuture/JavaScript/tree/master/Week5/MAKEME.md) |
 |6.|• Async VS Sync <br>• Polling<br>• Structure for a basic SPA <br> TEST :boom:|[Reading Week 6](https://github.com/HackYourFuture/JavaScript/tree/master/Week6)|[Homework Week 6](https://github.com/HackYourFuture/JavaScript/tree/master/Week6/MAKEME.md)|
diff --git a/Week0/MAKEME.md b/Week0/MAKEME.md
diff --git a/Week1/MAKEME.md b/Week1/MAKEME.md
@@ -1,32 +1,48 @@
 ## Assignments week 1:
 
+We covered a bit of command line usage in the first class and got a program running which is great. If you need a refresher for the command line please have a look here: https://github.com/HackYourFuture/CommandLine
+
+### Homework
+
 1. Create a `.js` file that prints `Hello` when you run it from the command line. (Hint: `node` is the program that can run your JavaScript files.)
 
-2. Create a function that takes 3 arguments and returns the sum of the three arguments.
+2. Write a program (like we did in class) that checks the types of two varibales and prints out `SAME TYPE` if they are the same type. 
+For example: 
+    ```js
+    let x = 9;
+    let y = 'Hello';
+
+    if () {
+      console.log('SAME TYPE');
+    }
+
+    ```
+
+3. Create a function that takes 3 arguments and returns the sum of the three arguments.
 
-3. 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.)
+4. 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.)
 
-4. Create an object and a function that takes the object as a parameter and prints out all of its names and values.
+5. Create an object and a function that takes the object as a parameter and prints out all of its names and values.
 
-3. 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)`
+6. 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)`
 
-4. 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. Create a function called `vehicle`, like before, but takes another parameter called age, so that `vehicle("blue", 1, 5)` prints "a blue used car"
 
-5. Make a list of vehicles, you can add `"motorbike"`, `"caravan"`, `"bike"`, or more.
+8. Make a list of vehicles, you can add `"motorbike"`, `"caravan"`, `"bike"`, or more.
 
-6. How do you get the third element from that list?
+9. How do you get the third element from that list?
 
-7. Change the function `vehicle` to use the list of question 5. So that `vehicle("green", 3, 1)` prints "a green new caravan".
+10. Change the function `vehicle` to use the list of question 5. So that `vehicle("green", 3, 1)` prints "a green new caravan".
 
-8. Use the list of vehicles to write an advertisment. So that it prints something like: `"Amazing Joe's Garage, we service cars, motorbikes, caravans and bikes."`. (Hint: use a `for` loop.)
+11. Use the list of vehicles to write an advertisment. So that it prints something like: `"Amazing Joe's Garage, we service cars, motorbikes, caravans and bikes."`. (Hint: use a `for` loop.)
 
-9. What if you add one more vehicle to the list, can you have that added to the advertisement without changing the code for question 8?
+12. What if you add one more vehicle to the list, can you have that added to the advertisement without changing the code for question 8?
 
-10. Write a program to answer the following questions:
+13. Write a program to answer the following questions:
 * Can you store multiple types in an array? Numbers and strings?
 * Can you compare inifities? (Not in Eyad's world) - does 6/0 == 10/0? How can you test this?
 
-11. Can you write the following without the `if` statement, but with just as a single line with `console.log(...);`?
+14. Can you write the following without the `if` statement, but with just as a single line with `console.log(...);`?
 ```js
 if (3 == 3) {
     console.log("true")
diff --git a/Week1/REVIEW.md b/Week1/REVIEW.md
@@ -0,0 +1,107 @@
+# REVIEW JavaScript Basics
+
+## Variables
+
+A "variable" is a place where you can store information, such as a string, or a number. New variables in JavaScript are declared using one of three keywords: let, const, or var.
+
+### Variable declaration
+
+Variables are "declared" using the `var`, `let` or `const` keyword:
+
+```js
+var x;
+let foo;
+const bar;
+```
+
+### let and const
+- read about [let](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let)
+- read about [const](https://developer.mozilla.org/nl/docs/Web/JavaScript/Reference/Statements/const)
+- [let vs const] (http://wesbos.com/let-vs-const/)
+
+>TODO - reconsider resources. 
+
+Here, we say: "declare variable x and initialize it with the integer (number) 5".
+
+```js
+let foo;  // declare variable `foo`
+let foo = 6; // declare and assign a variable at the same time
+```
+
+You can also assign a value to an existing variable:
+```js
+foo = 4;  // change variable `foo`
+
+```
+
+
+Basic Data types [Strings, Numbers, Arrays]
+
+## Variable types
+
+All variables have a type. In our example above, the variable `x` is a `number`. JavaScript supports the following types:
+
+* `string`, e.g. "HackYourFuture"
+* `number`, e.g. 5, or 10.6
+* `boolean`, e.g. `true` or `false`
+* `array`\*, e.g. `[1, 2, 3]` or `['what', 'is', 'your', 'name']`
+* `object`, e.g. `{name: 'John', age: 24}`, or the special object `null`
+* `function`, e.g. `function () { return 4; }`
+* `symbol`
+
+In addition, a variable may be `undefined`. This is also a special type.
+
+To get the type of a variable, use the following code:
+
+```js
+var x = 5;
+var typeOfX = typeof x; // -> "number"
+```
+
+Note that I've put an asterisk behind 'array'. That is because in JavaScript, array is a special kind of object:
+
+```js
+var arr = [1, 2, 3];
+var typeOfArr = typeof arr; // -> "object"
+```
+
+However, in our communication, we will call these variables arrays.
+
+### Null & undefined
+
+The values `null` and `undefined` are very similar in JavaScript, but they behave a bit differently. The difference is that `null` always has type "object", and `undefined` always has type "undefined".
+
+Whenever you declare a variable, but you don't set a value, the variable will become `undefined`. JavaScript will never make a variable `null` unless you explicitly program it.
+
+```js
+var x;
+console.log(typeof x); // -> "undefined"
+```
+
+
+## Arrays
+
+Variables that are arrays contain a list of things, instead of just one thing. What's inside the array, we typically call "elements". So, the array `[1, 2, 3]` has three elements. The array `[]` has no elements and is therefore empty. The number of elements in an array is called its "length".
+
+When you want to access an element inside an array, you use an "index". This is the number that you put between brackets (`[]`).
+
+Given the following code:
+
+```js
+var arr = ['john', 'jane', 'jack'];
+console.log(arr[0]);
+```
+
+The number `0` is the "index of the first element of array `arr`". Conversely, the element "at index 0 in array `arr` is `'john'`".
+
+Instead of a number, you can also use a variable to access elements in an array, *as long as this variable is a number*:
+
+```js
+var arr = ['john', 'jane', 'jack'];
+var a = 1;
+console.log(arr[a]); // -> jane
+```
+
+If the index you use is not an integer (a whole number), or if it's less than `0` or if it's greater than or equal to the array's length, you will get back `undefined`.
+
+
diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md
@@ -15,7 +15,7 @@ https://developer.mozilla.org/en/docs/Web/JavaScript/Closures
 
 And just for fun ... https://www.freecodecamp.com/challenges/sum-all-numbers-in-a-range
 
-And a custom DOM manipulation challenge :mortar_board:
+## And a custom DOM manipulation challenge :mortar_board:
 
 1. Open a new js file and start by declaring in array with in there 10 strings. These strings should be of book title's you have read (or made up) and be lowercase without spaces or special characters so that you can use these later as Id's. (Example: Harry Potter's - The Chamber of Secrets -> `harry_potter_chamber_secrets`). 
 
diff --git a/Week7/MAKEME.md b/Week7/MAKEME.md
@@ -10,3 +10,30 @@
 - Add map, filter, reduce to  your existing app to build an application that loads data from github, filters out based on certain value, map->reduces to a data object and render that object to the dom (using map again).
 - Add polling to your app so that it checks every minute or so if a new repo has been made and if it has, adds it to the DOM without reloading the page.
 - Add a readme to your repo explaining  what your app does and how to use your app. Here's a [template](https://gist.github.com/jxson/1784669) and here you can see how to make [your readme awesome](https://gist.github.com/rrgayhart/91bba7bb39ea60136e5c).
+
+## What we did in lecture 1:
+Code Kata Race
+
+- [Problem 1](https://www.codewars.com/kata/keep-up-the-hoop)
+- [Problem 2](https://www.codewars.com/kata/find-the-first-non-consecutive-number)
+- [Problem 3](https://www.codewars.com/kata/negation-of-a-value)
+
+
+## Js Homework (ALL OF YOU SHOULD TO AT LEAST ATTEMPT PROBLEMS 1-5):
+- [Homework](https://www.codewars.com/collections/hyf-homework-1)
+- [BONUS](https://www.codewars.com/collections/hyf-homework-1-bonus-credit) :collision:
+
+Remember the person with the most kata points gets a prize from Gijs (and you can do exercises on this website without me telling you to - anything kyu 7 or kyu 8 you can try to do - kyu 6 or lower is probably too hard)
+
+- Hint for Q1: split your code into two parts, one part for the case that one of the two strings has an extra letter at the start or the end but is otherwise identical & one part for the case that the strings are the same length but one character is different in one of the strings
+- Also for Q1 this function on strings might be useful: [JavaScript String slice() method](https://www.w3schools.com/jsref/jsref_slice_string.asp)
+- Also potentially useful: [JavaScript String charAt() Method](https://www.w3schools.com/jsref/jsref_charat.asp)
+- [Hint for Q2](https://www.w3schools.com/jsref/jsref_sort.asp) Also there are no sample tests, you need to use submit
+
+## To watch before the next lecture:
+(watch in this order)
+
+1. [Stacks/Queues](https://www.youtube.com/watch?v=wjI1WNcIntg) (5 mins)
+2. [JS Event Loops](https://www.youtube.com/watch?v=8aGhZQkoFbQ) (26 mins, watch this one twice or until you understand it)
+
+
diff --git a/Week8/MAKEME.md b/Week8/MAKEME.md
@@ -3,8 +3,17 @@ This week you will work on finishing your application so it's actually useful!!
 
 [Read this](https://github.com/HackYourFuture/JavaScript/tree/master/Week8/README.md)
 
-Make this
-- Check if you have met all the requirements from the previous 2 weeks of homework
+## The tools we used in the second lecture
+- [metajs](http://int3.github.io/metajs/)
+- [latentflip](http://latentflip.com/loupe/?code=Y29uc3QgcCA9IG5ldyBQcm9taXNlKGZ1bmN0aW9uKHJlc29sdmUsIHJlamVjdCl7CiAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uKCl7CiAgICAgICAgY29uc3QgZGljZVJvbGwgPSBNYXRoLmNlaWwoTWF0aC5yYW5kb20oKSAqIDYpOwogICAgICAgIGNvbnNvbGUubG9nKGRpY2VSb2xsKTsKICAgICAgICBpZihkaWNlUm9sbCA9PT0gNikKICAgICAgICAgICAgcmVqZWN0KG5ldyBFcnJvcigncm9sbGVkIGEgc2l4JykpCiAgICAgICAgZWxzZQogICAgICAgICAgICByZXNvbHZlKGRpY2VSb2xsKQogICAgfSwgNTAwMCk7Cn0pOwoKCnAKICAgIC50aGVuKGZ1bmN0aW9uKHJvbGwpewogICAgICAgIGNvbnNvbGUubG9nKCdkaWNlIHJvbGxlZCBhICcgKyByb2xsKQogICAgfSkKICAgIC5jYXRjaChmdW5jdGlvbihlcnIpewogICAgICAgIAogICAgfSk7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D)
+
+- [Codewars](https://www.codewars.com/collections/hyf-homework-number-2)
+- If you need to refresh your memory on es6 classes: [es6-classes-in-depth](https://ponyfoo.com/articles/es6-classes-in-depth)
+- Also read this article on scopes & closures: [explaining-javascript-scope-and-closures](https://robertnyman.com/2008/10/09/explaining-javascript-scope-and-closures/)
+
+
+<!-- ###Make this
+
 - Resolve your Github issues (DO NOT CLOSE AN ISSUE WITHOUT AN EXPLANATION OF BY REFERENCING IT FROM A COMMIT)
 - Make sure you have implemented map, filter, reduce. If you lack inspiration, ask on Slack.
 - Implement promises in your XHR
@@ -14,4 +23,5 @@ Make this
 - Implement a loader icon like in [my codepen](https://codepen.io/Razpudding/pen/BRGqJw) for each xhr response the user has to wait for.
 - Add correct HTML/CSS
 
-If you get stuck, remember we have Slack and you can ask questions.
+If you get stuck, remember we have Slack and you can ask questions. -->
+
diff --git a/Week9/REVIEW.md b/Week9/REVIEW.md
