Week 1: Chapter Summaries

- Chapter 4: Datastructures: Objects and Arrays
--------- write summary chapter 4 here ---------

In JavaScript zijn datastructuren opgebouwd uit de volgende onderdelen: _Strings, Boleans_ en _nummers._ Veel soorten informatie hebben meer dan alleen een onderdeel nodig om te functioneren. Hiervoor gebruiken we _Objects_ waarin we waardes groeperen om zo complexere datastructuren te kunnen maken.

Om een grote bundel aan data te presenteren moet hier een goede manier voor gevonden worden. Zo kun je met javascript data die waardes in volgorde bevatten opslaan in een _Array_. Een _array_ wordt altijd tussen **[]** genoteerd. Om een waarde in de array op te zoeken gebruik je ook **[]. Let op de index begint altijd bij 0.**

Bijna elke waarde heeft bepaalde _properties_ binnen javascript die we kunnen benaderen. Denk hier bijvoorbeeld aan _.length_. Uitzonderingen zijn _undefind_ en _null_ deze waardes hebben geen properties.

De twee meest gebruikelijke manieren om properties te benaderen zijn via **.** of **[].** (_value.x_ – _value[x]_)

Je gebruikt een van de twee afhankelijk van de waarde van data.

Properties kunnen functies bevatten. Deze worden _methods_ genoemd. Een voorbeeld hiervan:

_let array =[];_

_array.push(4);_

Arrays zijn niet altijd handig om reeksen in op te slaan, daarom gebruiken we ook _objects_. Een object verzameld verschillende waardes en maakt hier een nieuwe waarde van. _Vb:_

_Let object = {_

_String: "voorbeeld",_

_Boolean: true,_

_Array: ["dit", "is", "een", "voorbeeld"]_

_}_

De lijst met proporties scheidt je doormiddel van een komma na de property.

Objects kunnen inhoudelijk hetzelfde zijn maar toch anders van elkaar zijn. _Vb:_

_Let object1={value: 10}_

_Let object2=object1;_

_Console.log(object1==object2)_

_// resulteert in false omdat inhoud zelfde is maar de "buitenlaag" anders is._

Datastructuren zijn dus opgebouwd uit stukken informatie, deze informatie is te combineren waardoor sterkere structuren ontstaan. Elk stuk informatie heeft weer properties die benadert kunnen worden met methods om zo data toe te voegen, uit te lezen of aan te passen.

#

- Chapter 13: Javascript and the browser
---------write summary chapter 13 here---------

Een browser is de omgeving waarin javascript leeft en werkt.

Het toepassen van het idee om computers van over de hele wereld met elkaar in verbinding te stellen is wat wij noemen het internet. Een computer gebruikt dit netwerk om stukjes informatie naar een andere computer te sturen. Belangrijk hierbij is dat beide computers weten waar de informatie voor bedoeld is.

Hier wordt een _network protocol_ voor gebruikt. Het _Hypertext Transfer Protocol (HTTP)_ wordt gebruikt om webpagina's, teksten of foto's te verkrijgen. Een _request_ voor dit protocol begint altijd met _GET /index.html HTTP/1.1_

Deze protocollen zijn bijna allemaal op _Transmission Control Protocol (TCP)_ gebouwd.

Dit werkt als volgt, de ene computer heeft de status _listening_ tot een andere computer er tegen praat. Belangrijk is dat beide computers op dezelfde _port_ met elkaar communiceren. De _listening_ computer is de server en de _connecting_ computer is de _client._

Het _wereldwijde web_ is een stelsel van protocollen en formats waardoor we een webpagina in een browser kunnen bezoeken, je hoeft hier alleen maar voor te _listening_ op port80.

Elk document op het web is genaamd door een _uniform resource locator (URL)._

_http://eloquentjavascript.net/13\_browser.html_

_| | | | |_

_protocol server path_

alles dat verbonden is met internet krijgt een _IP Adress_ dat gebruikt kan worden om te communiceren met dat adres. Deze reeks getallen is lastig onthouden dus daarom kan je een domeinnaam gebruiken voor je IP adress.

Webpaginas gebruiken _Hypertext Markup Language_ als format en is opgebouwd uit tekst en _tags_. _Tags_ geven structuur aan de tekst door de tekst te omschrijven als bijvoorbeeld een paragraaf.

Niet alle webpaginas zijn veilig, om dit te kunnen checken wordt _sandboxing_ gebruikt, waarin de pagina eerst in een veilige omgeving gecheckt wordt op malware.

Sinds eind 2000s kwamen Chrome, Safari en Firefox op als web browsers, deze browsers hadden een serieuze houding tegenover de standaarden van browsers waardoor er tegenwoordig veel minder _bugs_ en ongemakken in de browsers zitten.

#

- Chapter 14: The Document Object Model
---------write summary chapter 14 here---------

Een HTML-pagina in je browser wordt door de browser opgebouwd in een model van de structuur van het document. Die structuur kan je live aanpassen wat betekend dat de browser veranderingen direct weergeeft. Deze structuur noemen we het _Document Object Model_ afgekort _DOM_.

Elk element (_nodes_)in de DOM kan weer sub elementen hebben (_children)_. De DOM wordt vaak gezien als _tree_ omdat deze een structuur aan taken heeft met verschillende nodes die weer children hebben (_leaves)_.

DOM is niet alleen voor javascript gebouwd maar werkt als een universeel model voor verschillende programeer talen. In javascript kan je door de _tree_ navigeren met propperties als _parentnode_ en _childnode_.

Nodes in de tree zoeken kan omslachtig zijn met de zonet genoemde propperties. Daarom kan je beter methods gebruiken zoals _getElementsByTagName("a")[0];_

Bijna alle data in de DOM kan aangepast worden. De vorm van de document tree kan aangepast worden door de parent-child relaties te veranderen. Ook kunnen nodes worden verwijderd of worden gemaakt.

Methods:

_replaceChild, insertBefore_

_document.createTextnode_

Je kan ook elementen vinden via _attributes_ hierbij kan je een eigen naam koppelen aan je element. Deze attributes zijn _class_ en _ID._

De browser is in staat om de structuur een layout te geven door middel van CSS. Hier wordt ook gekeken naar block en inline elements. Waarbij block elementen op een eigen nieuwe regel komen en inline elementen in de huidige regel worden gestopt.

Wanneer er meerdere style regels op een element zitten zal de meest recente als dominsnt worden gezien. Op deze manier is het ook mogelijk om styling te overschrijven.

Een document wordt dus opgebouwd in de browser aan de hand van de HTML-structuur echter kan de visualisatie van deze structuur worden beïnvloed door CSS. Met Javascript kunnen de style propporties weer worden gemanipuleerd.

Start with the Chapter 4, 13, and 14 sections in this issue, and compare their summaries with the referenced Eloquent JavaScript material. Check that each chapter has a complete, accurate summary and that the Dutch text is corrected; done means all three sections are ready as course documentation. No files or tests are named.

Written by the indexing model from the issue text.