added chapter 01

Author: loiane

.eslintrc.json

@@ -47,7 +47,7 @@
     "max-params": 0,
     "max-statements": 0,
     "new-cap": [2, { "newIsCap": true, "capIsNew": false }],
-    "newline-after-var": [2, "always"],
+    "newline-after-var": [0, "always"],
     "new-parens": 2,
     "no-alert": 0,
     "no-array-constructor": 2,
@@ -152,7 +152,7 @@
     "semi-spacing": 0,
     "sort-vars": 0,
     "space-before-blocks": [2, "always"],
-    "space-before-function-paren": [2, {"anonymous": "always", "named": "never"}],
+    "space-before-function-paren": [0, {"anonymous": "always", "named": "never"}],
     "space-in-brackets": 0,
     "space-in-parens": [2, "never"],
     "space-infix-ops": 2,
@@ -162,7 +162,7 @@
     "use-isnan": 2,
     "valid-jsdoc": 0,
     "valid-typeof": 2,
-    "vars-on-top": 2,
+    "vars-on-top": 0,
     "wrap-iife": [2, "any"],
     "wrap-regex": 0,
     "yoda": [2, "never"]

.travis.yml

@@ -3,10 +3,11 @@ node_js:
   - node
 install:
   - npm install
-
 script:
   - npm run go
-  - npm run coverage
-
 after_script:
   - "cat coverage/lcov.info | node_modules/coveralls/bin/coveralls.js"
+notifications:
+  email:
+    on_failure: change
+    on_success: change

README.md

@@ -2,7 +2,56 @@ Learning JavaScript Data Structures and Algorithms
 ====================================
 
 [![Build Status](https://travis-ci.org/loiane/javascript-datastructures-algorithms.svg?branch=third-edition)](https://travis-ci.org/loiane/javascript-datastructures-algorithms)
-
 [![codecov](https://codecov.io/gh/loiane/javascript-datastructures-algorithms/branch/third-edition/graph/badge.svg)](https://codecov.io/gh/loiane/javascript-datastructures-algorithms)
 
 Source code of **Learning JavaScript Data Structures and Algorithms** book.
+
+Work in Progress.
+
+## List of available chapters:
+
+* 01: [JavaScript, ECMAScript and TypeScript: a quick overview](https://github.com/loiane/javascript-datastructures-algorithms/tree/third-edition/html/chapter01)
+* 02: [Arrays](https://github.com/loiane/javascript-datastructures-algorithms/tree/third-edition/html/chapter02)
+
+
+## Installing and running the book examples With Node
+
+* Install [Node](https://nodejs.org)
+* Open terminal/cmd and change directoty to this project folder: `cd /Users/.../javascript-datastructures-algorithms` (Linux/Max) or `cd C:/.../javascript-datastructures-algorithms`
+* run `npm install` to install all depencies
+* To see the examples, run `http-server html` or `npm run serve`. Open your browser `http:\\localhost:8080` to see the book examples
+* Or `cd html/chapter01` and run each javascript file with node: `node 02-Variables`
+
+## Running the book examples in the browser
+
+* Right click on the html file you would like to see the examples, right click and 'Open with Chrome (or any other browser)'
+
+## List of all available examples:
+
+* 01: JavaScript, ECMAScript and TypeScript: a quick overview
+  - 01-HelloWorld
+  - 02-Variables
+  - 03-Operators
+  - 04-TruthyFalsy
+  - 05-EqualsOperators
+  - 06-ConditionalStatements
+  - 07-Loops
+  - 08-Functions
+  - 10-ObjectOrientedJS
+  - 11-ES6letconst
+  - 12-Es6StringTemplates
+  - 13-ES6ArrowFunctions
+  - 14-ES6ParameterHandling
+  - 15-ES6EnhancedObjectProperties
+  - 16-ES6Classes
+  - 17-TypeScript
+* 02: Arrays
+  - 01-Introduction
+  - 02-CreatingAndInitialingArrays
+  - 03-AddingRemovingElements
+  - 04-TwoDimensionalMultiDimensional
+  - 05-ArrayMethods
+  - 06-ES6Methods
+  - 07-TypedArrays
+
+Happy Coding!

html/chapter01/01-HelloWorld.js

@@ -1,8 +1,10 @@
+// @ts-check
+
 function output(t) {
-    document.write('<p>' + t + '</p>');
-    return;
+  document.write('<p>' + t + '</p>');
+  return;
 }
 
 alert('Hello, World!');
 console.log('Hello, World!');
-output('Hello, World!');
+output('Hello, World!');

html/chapter01/02-Variables.js

@@ -1,37 +1,39 @@
-var num = 1; //{1}
-num = 3; //{2}
+// @ts-check
 
-var price = 1.5; //{3}
-var name = 'Packt'; //{4}
-var trueValue = true; //{5}
-var nullVar = null; //{6}
-var und;  //7
+var num = 1; // {1}
+num = 3; // {2}
 
-console.log("num: "+ num);
-console.log("name: "+ name);
-console.log("trueValue: "+ trueValue);
-console.log("price: "+ price);
-console.log("nullVar: "+ nullVar);
-console.log("und: "+ und);
+var price = 1.5; // {3}
+var name = 'Packt'; // {4}
+var trueValue = true; // {5}
+var nullVar = null; // {6}
+var und; // {7}
 
-//******* Variable Scope
+console.log('num: ' + num);
+console.log('name: ' + name);
+console.log('trueValue: ' + trueValue);
+console.log('price: ' + price);
+console.log('nullVar: ' + nullVar);
+console.log('und: ' + und);
+
+// ******* Variable Scope
 
 var myVariable = 'global';
 myOtherVariable = 'global';
 
-function myFunction(){
-    var myVariable = 'local';
-    return myVariable;
+function myFunction() {
+  var myVariable = 'local';
+  return myVariable;
 }
 
-function myOtherFunction(){
-    myOtherVariable = 'local';
-    return myOtherVariable;
+function myOtherFunction() {
+  myOtherVariable = 'local';
+  return myOtherVariable;
 }
 
-console.log(myVariable);   //{1}
+console.log(myVariable); //{1}
 console.log(myFunction()); //{2}
 
-console.log(myOtherVariable);   //{3}
+console.log(myOtherVariable); //{3}
 console.log(myOtherFunction()); //{4}
-console.log(myOtherVariable);   //{5}
+console.log(myOtherVariable); //{5}

html/chapter01/03-Operators.js

@@ -1,3 +1,5 @@
+// @ts-check
+
 /* Arithmetic operators */
 var num = 0;
 
@@ -21,8 +23,7 @@ num--;
 
 console.log('New num value is ' + num);
 
-console.log('num mod 2 value is ' + (num % 2));
-
+console.log('num mod 2 value is ' + num % 2);
 
 /* Assignment operators */
 num += 1;
@@ -45,24 +46,24 @@ console.log('num <= 1 : ' + (num <= 1));
 /* Logical operators */
 console.log('true && false : ' + (true && false));
 console.log('true || false : ' + (true || false));
-console.log('!true : ' + (!true));
+console.log('!true : ' + !true);
 
 /* Bitwise operators */
-console.log('5 & 1:', (5 & 1)); //same as 0101 & 0001 (result 0001 / 1)
-console.log('5 | 1:', (5 | 1)); //same as 0101 | 0001 (result 0101 / 5)
-console.log('~ 5:', (~5)); //same as ~0101 (result 1010 / 10)
-console.log('5 ^ 1:', (5 ^ 1)); //same as 0101 ^ 0001 (result 0100 / 4)
-console.log('5 << 1:', (5 << 1)); //same as 0101 << 1 (result 1010 / 10)
-console.log('5 >> 1:', (5 >> 1)); //same as 0101 >> 1 (result 0010 / 2)
+console.log('5 & 1:', 5 & 1); // same as 0101 & 0001 (result 0001 / 1)
+console.log('5 | 1:', 5 | 1); // same as 0101 | 0001 (result 0101 / 5)
+console.log('~ 5:', ~5); // same as ~0101 (result 1010 / 10)
+console.log('5 ^ 1:', 5 ^ 1); // same as 0101 ^ 0001 (result 0100 / 4)
+console.log('5 << 1:', 5 << 1); // same as 0101 << 1 (result 1010 / 10)
+console.log('5 >> 1:', 5 >> 1); // same as 0101 >> 1 (result 0010 / 2)
 
 /* typeOf */
 console.log('typeof num:', typeof num);
 console.log('typeof Packt:', typeof 'Packt');
 console.log('typeof true:', typeof true);
-console.log('typeof [1,2,3]:', typeof [1,2,3]);
-console.log('typeof {name:John}:', typeof {name:'John'});
+console.log('typeof [1,2,3]:', typeof [1, 2, 3]);
+console.log('typeof {name:John}:', typeof { name: 'John' });
 
 /* delete */
-var myObj = {name: 'John', age: 21};
+var myObj = { name: 'John', age: 21 };
 delete myObj.age;
-console.log(myObj); //Object {name: "John"}
+console.log(myObj); // Object {name: "John"}

html/chapter01/04-TruthyFalsy.js

@@ -1,23 +1,25 @@
-function testTruthy(val){
-    return val ? console.log('truthy') : console.log('falsy');
+// @ts-check
+
+function testTruthy(val) {
+  return val ? console.log('truthy') : console.log('falsy');
 }
 
-testTruthy(true); //true
-testTruthy(false); //false
-testTruthy(new Boolean(false)); //true (object is always true)
+testTruthy(true); // true
+testTruthy(false); // false
+testTruthy(new Boolean(false)); // true (object is always true)
 
-testTruthy(''); //false
-testTruthy('Packt'); //true
-testTruthy(new String('')); //true (object is always true)
+testTruthy(''); // false
+testTruthy('Packt'); // true
+testTruthy(new String('')); // true (object is always true)
 
-testTruthy(1); //true
-testTruthy(-1); //true
-testTruthy(NaN); //false
-testTruthy(new Number(NaN)); //true (object is always true)
+testTruthy(1); // true
+testTruthy(-1); // true
+testTruthy(NaN); // false
+testTruthy(new Number(NaN)); // true (object is always true)
 
-testTruthy({}); //true (object is always true)
+testTruthy({}); // true (object is always true)
 
-var obj = {name:'John'};
-testTruthy(obj); //true
-testTruthy(obj.name); //true
-testTruthy(obj.age); //age (prop does not exist)
+var obj = { name: 'John' };
+testTruthy(obj); // true
+testTruthy(obj.name); // true
+testTruthy(obj.age); // age (prop does not exist)

html/chapter01/05-EqualsOperators.js

@@ -1,36 +1,38 @@
-//Packt == true
+// @ts-check
+
+// Packt == true
 
 console.log('packt' ? true : false);
-//outputs true
+// outputs true
 
 console.log('packt' == true);
-//1 - converts Boolean using toNumber
-//'packt' == 1
-//2 - converts String using toNumber
-//NaN == 1
-//outputs false
+// 1 - converts Boolean using toNumber
+// 'packt' == 1
+// 2 - converts String using toNumber
+// NaN == 1
+// outputs false
 
 console.log('packt' == false);
-//1 - converts Boolean using toNumber
-//'packt' == 0
-//2 - converts String using toNumber
-//NaN == 0
-//outputs false
+// 1 - converts Boolean using toNumber
+// 'packt' == 0
+// 2 - converts String using toNumber
+// NaN == 0
+// outputs false
 
 console.log([0] == true);
-//1 - converts Boolean using toNumber
-//[0] == 1
-//2 - converts Object using toPrimitive
-//2.1 - [0].valueOf() is not primitive
-//2.2 - [0].toString is 0
-//0 == 1
-//outputs false
-
-//******************************* ===
-console.log('packt' === true); //false
-
-console.log('packt' === 'packt'); //true
-
-var person1 = {name:'John'};
-var person2 = {name:'John'};
-console.log(person1 === person2); //false, different objects
+// 1 - converts Boolean using toNumber
+// [0] == 1
+// 2 - converts Object using toPrimitive
+// 2.1 - [0].valueOf() is not primitive
+// 2.2 - [0].toString is 0
+// 0 == 1
+// outputs false
+
+//* ****************************** ===
+console.log('packt' === true); // false
+
+console.log('packt' === 'packt'); // true
+
+var person1 = { name: 'John' };
+var person2 = { name: 'John' };
+console.log(person1 === person2); // false, different objects