### Chapter 4: Datastructures: Objects and Arrays

**Data Sets**
In JavaScript kun je een array gebruiken om meerdere datatypes op te slaan in een variabel. Deze definieer je doormiddel van square brackets [ ] en de data in de array scheidt je van elkaar door middel van een komma.

`let listOfNumbers = [2, 3, 5, 7, 11]`

Om een element uit een array te krijgen gebruik je ook square brackets. Dit doe je doormiddel van het index getal. Een array begint dus altijd met tellen bij 0 in plaats van 1. Als je dus het eerste element uit een array wilt halen gebruik je dus: `listOfNumbers[0]`.

**Properties**
Bijna alle JavaScript waarden hebben eigenschappen. De uitzonderingen zijn `null` en `undefined`.

De twee belangrijkste manieren om toegang te krijgen to een waarden van een eigenschap zijn doormiddel van een punt en square brackets.

- `value.property`
- `value[property]`

In het geval van een array, dan is de array een waarde en zijn de elementen in die array de eigenschappen.
De _length_ eigenschap van een array geeft weer hoeveel elementen het bevat. `array.length`

**Methods**
Sommige eigenschappen van een waarde kunnen ook een functie bevatten. Deze worden ook wel methods genoemd.
Een stack, in programmeren, is een data structuur die ervoor zorgt dat je waardes kunt pushen en ook weer eruit kunt poppen.

**Objects**
Waardes van het type object zijn willekeurige verzamelingen van eigenschappen. Een manier om een object te maken is door 'curly braces' te gebruiken als een uitdrukking. Binnen de 'curly braces', heb je een lijst met properties. Deze zijn gescheiden doormiddel van komma's.

**The lycanthrope’s log**
Correlatie is een maat voor de afhankelijkheid tussen statistische variabelen. Een statistische variabele is niet helemaal hetzelfde als een programmeervariabele.

Een correlatie van één geeft aan dat de twee perfect verwant zijn - als je er een kent, ken je ook de ander. Een negatieve betekent ook dat de variabelen perfect met elkaar verband houden, maar dat ze tegenpolen zijn - als de ene waar is, is de andere onwaar.

**Array Loops**
Je kunt door een array itereren doormiddel van een speciale soort `for` loop. `for(let element of array) {}`

### Chapter 13: Javascript and the browser

**Networks and the Internet**
Computer netwerken bestaan al sinds ongeveer 1950. De technologie om allemaal computers over de gehele wereld met elkaar te verbinden is pas sinds ongeveer 1980. Dit werd het internet genoemd.

Een netwerk protocol beschrijft een de manier van communiceren via een netwerk. Er zijn protocols voor het verzenden van een email, het ontvangen van emails, delen van bestanden en zelfs het overnemen van andere computers.

Het _Hypertext Transfer Protocol (HTTP)_ is een protocol voor het ontvangen van deeltjes informatie zoals een web pagina.

Bij een _Transmission Control Protocol (TCP)_ is het de bedoeling dat één computer moet wachten tot een andere computer ertegen gaat praten. Om ervoor te zorgen dat het kan luisteren naar verschillende soorten communicatie op hetzelfde moment op een computer, heeft elke luisteraar een nummer. Dit nummer wordt een _port_ genoemd.

**The Web**
The _World Wide Web_ is een reeks protocols en indelingen die ervoor zorgen dat we web pagina's in een browser kunnen bezoeken. Deze web pagina's kun je bezoeken doormiddel van een _Uniform Resource Locator (URL)_.

Computers die met internet zijn verbonden krijgen een IP-adres, een nummer dat kan worden gebruikt om berichten naar die computer te sturen.

**HTML**
_Hypertext Markup Language (HTML)_ is een document dat wordt gebruikt om een web pagina, door middel van tags, structuur te bieden. De tags zitten in een groter en kleiner dan teken. Deze geven informatie over de structuur van het document.

**HTML and JavaScript**
Om ervoor te zorgen dat je JavaScript op je HTML bestand krijgt, heb je een tag nodig. Het is niet handig om een groot stuk Javascript intern in HTML te zetten. Daarom kun je in deze <script> tag ook een extern JavaScript bestand zetten. `<script src="code/hello.js">`

**In the sandbox**
Het isoleren van een programmeer omgeving wordt sanboxing genoemd, waarbij het idee is dat het ontwikkelde programma onschadelijk in een zandbak speelt.

### Chapter 14: The Document Object Model

Een HTML document is een bij elkaar gevoegde verzameling van boxes (tags).
Het Document Object Model (DOM) is de datastructuur die de browser gebruikt om het document weer te geven.
Deze datastructuur kan weer worden aangepast doormiddel van een JavaScript programma.

De DOM kun je vergelijken met een soort boom (_syntaxtree_) als deze een vertakte structuur heeft, geen herhaling (een knoop mag zichzelf niet bevatten, direct of indirect) en heeft een enkele, goed gedefinieerde wortel. De objecten die elementen representeren hebben eigenschappen, zoals _parentNode_ en _childNodes_ die gebruikt kunnen worden om te navigeren door deze boom.

In principe kun je alles in de boom verplaatsen door alleen _parent_ en _child_ links te gebruiken. Maar JavaScript geeft je toegang tot nog meer handige links zoals de _firstChild_ en _lastChild_. Deze wijzen naar het eerste en laatste element van een child.

Met HTML kan je een _Attribute_ plaatsen op een knooppunt. Dit kan handig zijn omdat je hiermee extra informatie in een document kan opslaan. Een van de bekendste attributen is _Class_. Dit is een trefwoord in de javascript-taal. De eigenschap die wordt gebruikt hiervoor heet _className_. Je kunt een element in de boom dan opzoeken doormiddel van `document.getElementsByClassName`. Om een nieuw element te maken doormiddel van JavaScript kun je een _createElement_ methode gebruiken.

Verschillende elementen hebben een verschillende standaard lay-out. `

of

` zijn bijvoorbeeld _block-elementen_ en nemen de gehele breedte in van het document. ` of ` zijn _inline_ elementen omdat ze tussen tekst kunnen worden gezet.

De manier hoe een document wordt getoond kan worden beïnvloedt doormiddel van _styling_, doormiddel van het vastzetten van styles aan nodes en door het definiëren van regels die matchen met een specifieke node. Er zijn veel verschillende style eigenschappen, zoals _color_ of _display_. Javascript code kan elementen direct manipuleren doormiddel van deze style eigenschappen.

No target file, test, or entry point is named; start by confirming where these Week 1 summaries belong and what editorial changes are expected. Done means the Chapter 4, 13, and 14 material is placed there and reviewed for the agreed scope.

Written by the indexing model from the issue text.