Week 1: Chapter Summaries

[joeriBouwman25]

• 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.