added review week 3

mkruijt · mkruijt · commit 4d0883dfdc53 · 2017-09-15T18:50:02.000+02:00
diff --git a/README.md b/README.md
@@ -11,7 +11,7 @@ Here you can find course content and homework for the JavaScript 1,2 and 3 modul
 |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: <br>• 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|[Reading Week 1](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/README.md) | [Homework Week 1](https://github.com/HackYourFuture/JavaScript/tree/master/Week1/MAKEME.md)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md)|
 |2.|• Advanced data types [Objects] <br>• Conditions <br>• Statements vs Expressions<br> • Loops (for/while)<br>• Functions <br>• Naming conventions|[Reading Week 2](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/README.md)|[Homework Week 2](https://github.com/HackYourFuture/JavaScript/tree/master/Week2/MAKEME.md)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week2/REVIEW.md)|
-|3.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon: <br>• Closures <br>• Scope <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)|Review|
+|3.|• [CLI](https://github.com/HackYourFuture/CommandLine) session with Unmesh :balloon: <br>• Closures <br>• Scope <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)|[Review](https://github.com/HackYourFuture/JavaScript/blob/master/Week3/REVIEW.md)|
 |4.|• 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)|Review|
 |5.|• First Git Session with Unmesh :smiling_imp:<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)|Review|
 |6.|• Second Git Session :see_no_evil:<br> • 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)|Review|
diff --git a/Week3/MAKEME.md b/Week3/MAKEME.md
@@ -5,8 +5,7 @@
 ## Step 0 review:
 - Go through the review of [the first week](https://github.com/HackYourFuture/JavaScript/blob/master/Week1/REVIEW.md) (Work in progress, update this week :wrench:)
 - Go through the review of [the second week](https://github.com/HackYourFuture/JavaScript/blob/master/Week2/REVIEW.md) (work in progress, update this week :nut_and_bolt:)
-- Daan will update the review of this week soon, keep an eye on that!
-
+- Go through the review of [the third week](https://github.com/HackYourFuture/JavaScript/blob/master/Week3/REVIEW.md) 
 
 ## Step 1: Implement feedback
 
diff --git a/Week3/REVIEW.md b/Week3/REVIEW.md
@@ -36,14 +36,14 @@ Now, when this sentence is written down without *he* being defined in the contex
 
 ### Context in programming:
 A JavaScript example: 
-```
+```js
 function myFunction() {
 	const a = 'ravioli'
 	console.log(a)
 }
 ```
 
-```
+```js
 function myFunction() {
 	console.log(a)
 }
@@ -60,12 +60,12 @@ So in words more applicable to our situation scope means:
 > code that is within the reach of our code. 
 
 Consider two completely different JavaScript files
-```
+```js
 // aFile.js
 const a = 10
 ```
 
-```
+```js
 // anotherFile.js
 console.log(a)
 ```
@@ -109,7 +109,7 @@ The basics.
 An array can be created multiple ways 
 
 From scratch: 
-```
+```js
 const a = [] // result: []
 const b = ['item1', 'item2'] // result: ['item1', 'item2']
 const c = new Array() // result: []
@@ -120,30 +120,30 @@ const f = new Array(20, 21) // result: [20, 21]
 ```
 
 From value (as an example, many ways to create an array from another value):
-```
+```js
 const a = 'hello world' // result: 'hello world'
 const b = a.split(' ') // result:  ['hello', 'world' ]
 ```
 
 ### Array length
 Every array has as a 'static' property `length`. Meaning that we can easily get the amount of items in an array.
-```
+```js
 const f = ['hi','there']
 console.log(f.length) // 2
 ```
 
 ### Array index
 We can access array elements through the position of the element in the array. This is called an index. Indices (plural of index) are 0-based, meaning that the first item's index is 0, the second element is 1.
 
-```
+```js
 const x = ['first', 'second', 'third']
 console.log(x[0]) // 'first'
 
 x[3] = 'fourth'
 ```
 
 Note that arrays can have empty values. This should be avoided usually to prevent unexpected behaviour. 
-```
+```js
 x[10] = 'eleventh'
 console.log(x) // [ 'first',  'second',  'third',  'fourth',  <6 empty items>,  'eleventh' ]
 ```
@@ -170,32 +170,32 @@ These  methods are essential.
 • [`.map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)  creates a new array with the results of calling a provided function on every element in the calling array.
 • [`.filter()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) creates a new array with all elements that pass the test implemented by the provided function.
 • [`.sort()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) sorts the elements of an array in place and returns the array
-```
+
 
 ## Basic DOM manipulations
 Using JavaScript we can access and manipulate the Document Object Model (DOM). We access the DOM through a global object called `document`. 
 
 HTML 
-```
+```html
 <body>
 	<div id="hello"></div>
 </body>
 ```
 
 A common method to access the DOM is by giving a HTML element an ID, and then using the `document` method `getElementById()`
 
-```
+```js
 const x = document.getElementById('hello')
 ```
 
 Now we have stored a *reference* of how that HTML element is accessed through the DOM object. We can use this to manipulate the element.
 
-```
+```js
 x.innerHTML = 'hello'
 ```
 
 We can also create elements
-```
+```js
 const a = document.createElement('li')
 x.appendChild(a)
 ```
@@ -207,13 +207,13 @@ First the straightforward part: how do we place comments in our code?
 
 ### JavaScript
 Single line comments
-```
+```js
 // Change heading:
 document.getElementById("myH").innerHTML = "My First Page";
 ```
 
 Single line comments at end of the line:
-```
+```js
 var x = 5;      // Declare x, give it the value of 5
 ```
 
@@ -222,7 +222,7 @@ Coding **well** in JavaScript: [JSDoc](http://usejsdoc.org/)
 ### HTML
 [W3Schools](https://www.w3schools.com/html/html_comments.asp)
 Comments
-```
+```html
 <!-- Write 
 your comments here -->
 
@@ -232,7 +232,7 @@ your comments here -->
 
 ### CSS
 [MDN on CSS comments](https://developer.mozilla.org/en-US/docs/Web/CSS/Comments)
-```
+```css
 /* Comment */
 
 /*
