Week 1 JS Bootcamp - mbergevoet/blok-tech GitHub Wiki

JS Bootcamp

Dag 1 Js bootcamp

Var, Let, Const

Normale var's (in ES5) in JavaScript kunnen door de scope van een loop of functie heen lekken. Bij let variabelen (vanaf ES6) kan dat niet gebeuren en houdt zich binnen de scope van een loop of functie. const is het zelfde als let en kan niet lekken, maar kan ook na dat hij eenmaal is gedeclareerd niet worden veranderd, hij is dus constant.

ES releases

  • ES10 ES2019 Summer 2019
  • ES9 ES2018 June 2018
  • ES8 ES2017 June 2017
  • ES7 ES2016 June 2016
  • ES6 ES2015 June 2015
  • ES5.1 ES5.1 June 2011
  • ES5 ES5 December 2009
  • ES4 ES4 Abandoned
  • ES3 ES3 December 1999
  • ES2 ES2 June 1998
  • ES1 ES1 June 1997

Enige JavaScript Synstax Guidelines

  • Schrijf functies niet op één regel
  • Gebruik spaties tussen tekens
  • Gebruik comments in je code
  • Voor variabelen en functies gebruik camelCase, beknopte, voor mensen te begrijpen en semantisch correcte namen
  • Gebruik let tenzij de waarde constant moet blijven, gebruik dan const
  • Zet operators op de zelfde regel
  • Gebruik strikte gelijk aan teken ("===" & "!==" i.p.v "==" & "!=")
  • Zet een spatie na een if niet er voor
  • Gebruik string literals in plaats van "+" er tussen

Dag 2 Js bootcamp

Parameters en argurmenten

Je kunt stukken code hergebruiken als je het in een function zet en die meerder keren aanroept. Waarden in een function kunnen worden door gegeven buiten de functie door parameters.

function circle(x,y,diameter){ }

De waarden tussen de haakjes heten op zich zelf argumenten maar samen vormen ze de parameter.

High order functions

Een high oder function is een function die meerdere niveau's heeft. Bijvoorbeeld als je een andere function gebruikt als argument in de parameter van een bepaalde functie. Of als een function een andere function returned of initialiseerd. Er bestaan ook al standaard high order function in de ES6 library van JavaScript voor Array's.

Dag 3 Js bootcamp

Objects en Arrays

Een object is een verzameling van variabelen. Een array is ook een object maar werkt anders dan een standaard object. Met de "dot notation" kun je de variabelen binnen een object aanroepen (bijv. kast.lade). In een array kan dat ook maar dan gebruik je de index waarde (bijv. kast[0]). Je kunt in een object ook objecten aanmaken en daar weer variabelen in stoppen of je kunt array's in een object stoppen. Zelf functions binnen een object zijn mogelijk, maar dan noem je ze methodes. Een array kan ook bestaan uit objecten of functies.

Dag 4 Js bootcamp

Scope

Met scope wordt de toegankelijkheid en zichtbaarheid van variabelen bedoelt.

Global scope, dit betekent dat variabele/function/object/array overal in de code kunnen worden opgeroepen. Local/Function scope, dit bekent dat variabele/function/object/array alleen kunnen worden gebruikt binnen een function. Block scope, dit gaat alleen over let en const, deze kunnen namelijk niet gebruikt worden buiten een block oftewel curley braces.

Hoisting

Wanneer een variabele/function/object/array wordt aangeroepen voordat hij gedefinieerd is zorg de JavaScript interpreter er voor dat de definitie naar boven wordt geplaatst (gehoist) zodat de code kan werken.