/KodemiaSession15JS

Primary LanguageHTML

Kodemia Modulo JavaScript :octocat:

Repository for the JavaScript classes at Kodemia taught by @David

Main Branch with initialized index.html css/main.css & js/main.js files

Class 1 - 2019 / 07 / 30

  • What is JavaScript and his characteristics
  • Programation paradigms
  • Good practices
  • <script> tag
  • Link JS files in the HTML
  • Use of the Console.log()
  • Variable asignation using of reserved word var
  • Use of arithmetic operator + - * / %
  • Use of logic operators && || > < >= <=

Class 2 - 2019 / 07 / 31

  • Review of previous class
  • Data types and their characteristics
  • Use of typeof
  • Comparation with == != and === !==
  • Control structure if(condition){...} else if(condition){...} else{...}

Class 3 - 2019 / 08 / 01

  • Review of previous class
  • Varible declaration with let
  • Constat declaration with const
  • String interpolation ${string}
  • Manipulate numbers with ++ -- += -= =+ =-
  • Introduction to Arrays
  • Introduction to Loops

Class 4 - 2019 / 08 / 02

  • Review of previous class
  • Loops while(condition){...} do{...}while(condition) and for(counter; condition; count){...}
  • String manipulation with loops and if(condition){...}
  • String methods

Class 5 - 2019 / 08 / 05

  • Review of previous class
  • Nested Arrays
  • Array manipulation with loops
  • Declaration and use of ES5 functions function name (params) {...}
  • Diferences of return and non return functions

Class 6 - 2019 / 08 / 06

  • Review of previous class
  • Anonimus functions (params) {...}
  • Declaration and of ES6 Arrow Functions const name = (params) => {...}
  • Definition and use of callbacks

Class 7 - 2019 / 08 / 07

  • Review of previous class
  • Array and String methos that use callbacks map() reduce() filter() forEach() some() every()
  • Introduction to Objects

Class 8 - 2019 / 08 / 08

  • Review of previous class
  • Characteristics of Objects
  • How to abstract real world elements to Objects
  • Creation of Objects let nameObj = { properties }
  • Access Object properties nameObj.propertie nameObj[propertie]

Class 9 - 2019 / 08 / 09

  • Review of previous class
  • Add Object properties nameObj.newPropertie = newValue
  • Delete Object Properties delete nameObj.propertie
  • Set new values to existing object properties nameObj.propertie = newValue
  • Creating custom Object methods nameObj.method()
  • Destructuring the objects let { parameter } = nameObj

Class 10 - 2019 / 08 / 12

  • Review of previous class
  • JavaScript Accessories
  • Nested Objects
  • Custom getters and setters
  • Constructor function function ObjectName (params) { paramsAsignation }
  • Use of a constructor with loops let newObj = new ObjectName (params)

Class 11 - 2019 / 08 / 13

  • Review of previous class
  • What is the DOM
  • Manipulation and creation of elements in the DOM
    • Change id href source class etc
    • Use of createElement() InnerChild() createTextNode()
  • Event Paradigm in JS
  • Use of JS function in HTML Buttons

Class 12 - 2019 / 08 / 14

  • Review of previous class
  • What is the BOM
  • What are events
  • Event Listeners in HTML tags
  • Dynamically adding eventListeners to DOM Objects
  • Changing DOM Objects properties using events

Class 13 - 2019 / 08 / 15

  • Review of previous class
  • Remove Event Listeners
  • Event Propagation
    • Boobling
    • Capturing
  • HTTP Methods GET POST PUT PATCH DELETE
  • HTTP Request Object
    • Ready State
    • Status
  • What is a JSON
  • What is AJAX
  • Use of AJAX and HTTP Methods to get data from local JSON

Class 14 - 2019 / 08 / 16