added fundamental for OOP and ES6 classes

remarcmij · remarcmij · commit 399ba3fef4d4 · 2018-01-30T13:08:34.000+01:00
diff --git a/VSCodeTips/README.md b/VSCodeTips/README.md
@@ -50,13 +50,14 @@ We recommend that you apply two changes to the default settings of VSCode to hel
 	![settings-btn](assets/settings.png)
 
 2. From the menu, select **Settings**.
-3. In the `USER SETTINGS` tab in the right-hand half of the screen add the two lines indicated below between the curly braces:
+3. In the `USER SETTINGS` tab in the right-hand half of the screen add the three lines indicated below between the curly braces:
 
 ```json
 /// Place your settings in this file to overwrite the default settings
 {
   "editor.formatOnType": true,
-  "editor.formatOnPaste": true
+  "editor.formatOnPaste": true,
+  "editor.formatOnSave": true
 }
 ```
 
diff --git a/fundamentals/assets/prototype.png b/fundamentals/assets/prototype.png
diff --git a/fundamentals/map_filter.md b/fundamentals/map_filter.md
@@ -130,10 +130,6 @@ accumulator = reducerFn(accumulator, this[i]);
 
 From this line we can define the reducer function as a function that takes an accumulator value and the current array element and returns a new accumulator value.
 
-The whole process is visualised in the figure below (the term _bucket_ was used here to represent the accumulator).
-
-![image](assets/reduce-bucket.png)
-
 The **reduce()** method is the most flexible of the map/filter/reduce triplet. In fact, it is possible to rewrite **map()** and **filter** using **reduce()**.
 
 ### Using reduce() to filter
diff --git a/fundamentals/oop_classes.md b/fundamentals/oop_classes.md
@@ -0,0 +1,110 @@
+# Object-Oriented Programming & Classes
+
+### Object literals and Functional Programming
+```js
+const months = [
+  { name: 'January', days: 31 },
+  { name: 'February', days: 28 },
+  { name: 'March', days: 31 },
+  { name: 'April', days: 30 },
+  { name: 'May', days: 31 },
+  { name: 'June', days: 30 },
+  { name: 'July', days: 31 },
+  { name: 'August', days: 31 },
+  { name: 'September', days: 30 },
+  { name: 'October', days: 31 },
+  { name: 'November', days: 30 },
+  { name: 'December', days: 31 }
+];
+
+const isLongMonth = month => month.days === 31;
+const toString = month => month.name + ' has ' + month.days + ' days.';
+
+const longMonths = months.filter(isLongMonth);
+const strings = longMonths.map(toString);
+strings.forEach(string => console.log(string));
+```
+
+### ES6 Classes and Object-Oriented Programming
+
+```js
+class Month {
+  constructor(name, days) {
+    this.name = name;
+    this.days = days;
+  }
+
+  hasDays(days) {
+    return this.days === days;
+  }
+
+  isLongMonth() {
+    return this.hasDays(31);
+  }
+
+  toString() {
+    return `${this.name} has ${this.days} days.`;
+  }
+}
+
+const months = [
+  new Month('January', 31),
+  new Month('February', 28),
+  new Month('March', 31),
+  new Month('April', 30),
+  new Month('May', 31),
+  new Month('June', 30),
+  new Month('July', 31),
+  new Month('August', 31),
+  new Month('September', 30),
+  new Month('October', 31),
+  new Month('November', 30),
+  new Month('December', 31)
+];
+
+const longMonths = months.filter(month => month.isLongMonth());
+longMonths.forEach(month => console.log(month.toString()));
+```
+
+### The prototype chain
+
+![prototype](assets/prototype.png)
+
+### Pre-ES6 constructor functions and prototypes
+
+```js
+function Month(name, days) {
+  this.name = name;
+  this.days = days;
+}
+
+Month.prototype.hasDays = function (days) {
+  return this.days === days;
+};
+
+Month.prototype.isLongMonth = function () {
+  return this.hasDays(31);
+};
+
+Month.prototype.toString = function () {
+  return `${this.name} has ${this.days} days.`;
+};
+
+const months = [
+  new Month('January', 31),
+  new Month('February', 28),
+  new Month('March', 31),
+  new Month('April', 30),
+  new Month('May', 31),
+  new Month('June', 30),
+  new Month('July', 31),
+  new Month('August', 31),
+  new Month('September', 30),
+  new Month('October', 31),
+  new Month('November', 30),
+  new Month('December', 31)
+];
+
+const longMonths = months.filter(month => month.isLongMonth());
+longMonths.forEach(month => console.log(month.toString()));
+```

Original file line number	Diff line number	Diff line change
`@@ -50,13 +50,14 @@ We recommend that you apply two changes to the default settings of VSCode to hel`
`50`	`50`	`![settings-btn](assets/settings.png)`
`51`	`51`
`52`	`52`	`2. From the menu, select Settings.`
`53`		-3. In the `USER SETTINGS` tab in the right-hand half of the screen add the two lines indicated below between the curly braces:
	`53`	+3. In the `USER SETTINGS` tab in the right-hand half of the screen add the three lines indicated below between the curly braces:
`54`	`54`
`55`	`55`	```json
`56`	`56`	`/// Place your settings in this file to overwrite the default settings`
`57`	`57`	`{`
`58`	`58`	`"editor.formatOnType": true,`
`59`		`- "editor.formatOnPaste": true`
	`59`	`+ "editor.formatOnPaste": true,`
	`60`	`+ "editor.formatOnSave": true`
`60`	`61`	`}`
`61`	`62`	```
`62`	`63`