cmda-bt/fe-course-20-21

Issue: Week 1: Chapter summaries by Sam van der Leek

SamvanderLeek opened this issue · 0 comments

Chapter 4: Datastructures: Objects and Arrays

Data Sets

Een data set is een verzameling van verschillende soorten data. Deze data kun je door het gebruik te maken van een "Array" goed opslaan in Javascript.

let listOfNumbers = [2, 3, 5, 7, 11];
console.log(listOfNumbers[2]);
// → 5

Dit is een voorbeeld van een Array, je ziet dat er verschillende nummers in 1 zijn gezet. Als je zoals het voorbeeld het nummer 2 in de brackets neerzet krijg je het 3e getal. Een array begint namelijk met het tellen vanaf 0 en niet bij 1 zoals wij als mensen zijn gewend.

Properties

Bijna alle Javascript waardes hebben properties. Properties zijn waardes die gekoppeld zijn met een object.
myString.length of Math.random bij deze stukjes code zijn "length" en "random" de properties.

Methods

Methods zijn acties die kunnen worden uitgevoerd op een object. Een method wordt ook wel gezien als iets dat een functie die object properties opslaat.

Objects

Een object is een collectie van zelfgemaakte properties. Een object wordt als volgt aangemaakt.

persoon = { 
    naam = "Henk",
    leeftijd = 43
}

De waardes van deze properties kunnen vervolgens op dezelfde manier worden opgehaald.

cosole.log(persoon.naam);
// Output: Henk
console.log(persoon["naam"]);
// Output: Henk

Als je de propertie van een object veranderd noem je dat een "mutable object" en als je het niet kunt veranderen noem je het een "immutable object"

Chapter 13: Javascript and the browser

Networks And The Internet

Een computer network is het versturen van data van het ene device naar het andere device. Dit noemen ze ook wel het internet en bestaat sinds 1980.

Een Network protocol beschrijft een style van communicatie over een netwerk.

Een voorbeeld hiervan is HTTP ( Hyper Text Transfer Protocol ). Dit is een protocol voor het ontvangen van grote stukken informatie zoals een webpagina of afbeeldingen.

Een ander protocol is TCP ( Transmission Control Protocol ) dit is een protocol dat ervoor zorgt dat er gegevens worden overgedragen op het internet via netwerkverbindingen of computernetwerken.

The Web

Het welbekende www ( World Wide Web ) is een verzameling van meerdere protocols die het toestaat om websites te bezoeken. Het woord Web gedeelte in de naam verwijst naar het feit dat dergelijke pagina's gemakkelijk naar elkaar kunnen linken.

Elk document op het web wordt genoemd door een URL ( Uniform Resource Locator ). https://github.com/ ,zo ziet een URL er uit.
Alle URL's staan gelinkt aan een IP adress. Het IP adress wordt omgezet naar een domeinnaam om makkelijker een website te zoeken.

HTML

HTML ( Hypertext Markup Language ) is het documentformaat dat wordt gebruikt voor webpagina's. In een HTML bestand wordt alle content van een website geplaatst.

Voorbeeld HTML code:

<!doctype html> 
<html> 
  <head> 
    <meta charset ="utf-8"> 
    <title>Mijn startpagina</title> 
  </head> 
  <body> 
    <h1>Mijn startpagina</ h1 > 
    <p>Hallo, ik ben Marijn en dit is mijn homepage.</ p > 
    <p>Ik heb ook een boek geschreven! Lees het
       <"http://eloquentjavascript.net">hier</ a >.</ p > 
  </body> 
</html>

Chapter 14: The Document Object Model

Document Structure

Een HTML bestand bestaat uit een set met boxen en tags. Je hebt de <body> en </body> tag, tussen deze tags zet je alle content die in de body van de website moet staan. Alle tags samen heet het DOM ( Document Object Model ).
samenvatting-week1

In Javascript kan je ook onderdelen van de DOM verwijderen, toevoegen of aanpassen. Dat kun je doen door de document,querySelector te gebruiken.

Haverbeke, M. (2018). Data Structures: Objects and Arrays. Geraadpleegd op 21 april 2021 van, https://eloquentjavascript.net/04_data.html.