In deze les zitten 28 slides, met interactieve quizzen en tekstslides.
Lesduur is: 60 min
Onderdelen in deze les
Slide 1 - Tekstslide
Terugblik
Wat waren de onderwerpen van vorige week?
Wat heb jij geleerd?
Schrijf het op in de volgende dia.
Slide 2 - Tekstslide
Onderwerpen vorige week?
Slide 3 - Woordweb
Terugblik
Strict mode.
Functions.
Declarative functions.
Function expressions (anonymous functions).
Arrow functions.
Code challenge.
Slide 4 - Tekstslide
Wie heeft de code challenge gemaakt?
Ja, in de les
Ja, thuis
Ja thuis, met behulp van de presentatie(s)
Ja, met behulp van het internet
Nee, niet meer naar gekeken
Nee, maar thuis wel geprobeerd
Slide 5 - Poll
Kwam jij, tijdens het maken van de code challenge, kennis tekort?
A
Ja, de les/uitleg was onduidelijk
B
Ja, er was geen moment om vragen te stellen
C
Nee, maar ik wist niet waar ik moest beginnen
D
Nee, het was voldoende om het te maken
Slide 6 - Quizvraag
Code challenge bespreken
Docent zal het nu samen met jullie maken.
Kijk naar de beamer/bord.
Slide 7 - Tekstslide
Doel van deze les
Advanced fundamentals van JS.
Arrays.
Objects.
Object methods.
Alles wordt afgesloten met code challenges.
Slide 8 - Tekstslide
Arrays
Strict mode is een belangrijke keyword. Het zorgt ervoor dat JS veel oplettender is op kleine foute en zal de compiler vertellen jouw feedback te geven wanneer je onduidelijk bent of een fout hebt gemaakt.
Laten wij dit zien aan de hand van een voorbeeld.
Slide 9 - Tekstslide
Arrays
Strict mode is een belangrijke keyword. Het zorgt ervoor dat JS veel oplettender is op kleine foute en zal de compiler vertellen jouw feedback te geven wanneer je onduidelijk bent of een fout hebt gemaakt.
Laten wij dit zien aan de hand van een voorbeeld.
Slide 10 - Tekstslide
Arrays (alternative declaration)
Strict mode is een belangrijke keyword. Het zorgt ervoor dat JS veel oplettender is op kleine foute en zal de compiler vertellen jouw feedback te geven wanneer je onduidelijk bent of een fout hebt gemaakt.
Laten wij dit zien aan de hand van een voorbeeld.
Slide 11 - Tekstslide
Arrays (alternative declaration)
Strict mode is een belangrijke keyword. Het zorgt ervoor dat JS veel oplettender is op kleine foute en zal de compiler vertellen jouw feedback te geven wanneer je onduidelijk bent of een fout hebt gemaakt.
Laten wij dit zien aan de hand van een voorbeeld.
Slide 12 - Tekstslide
Specifiek element in array opvragen
Strict mode is een belangrijke keyword. Het zorgt ervoor dat JS veel oplettender is op kleine foute en zal de compiler vertellen jouw feedback te geven wanneer je onduidelijk bent of een fout hebt gemaakt.
Laten wij dit zien aan de hand van een voorbeeld.
Slide 13 - Tekstslide
Opvragen hoe lang een array is
Strict mode is een belangrijke keyword. Het zorgt ervoor dat JS veel oplettender is op kleine foute en zal de compiler vertellen jouw feedback te geven wanneer je onduidelijk bent of een fout hebt gemaakt.
Laten wij dit zien aan de hand van een voorbeeld.
Slide 14 - Tekstslide
Hoe kan ik de laatste item in de array opvragen?
Slide 15 - Open vraag
Opvragen hoe lang een array is
Strict mode is een belangrijke keyword. Het zorgt ervoor dat JS veel oplettender is op kleine foute en zal de compiler vertellen jouw feedback te geven wanneer je onduidelijk bent of een fout hebt gemaakt.
Laten wij dit zien aan de hand van een voorbeeld.
Slide 16 - Tekstslide
Mutate the array
Replace the second element.
friends[2] = 'Jay';
console.log(friends);
Conclusie waarom veranderd de waarde van een const!??
Only primitive values are unmutable, array's are not primitive.
Slide 17 - Tekstslide
Mutate the array
friends = ['Bob', 'Alice'];
This is illegal because of the const.
Slide 18 - Tekstslide
Types in arrays
Strict mode is een belangrijke keyword. Het zorgt ervoor dat JS veel oplettender is op kleine foute en zal de compiler vertellen jouw feedback te geven wanneer je onduidelijk bent of een fout hebt gemaakt.
Laten wij dit zien aan de hand van een voorbeeld.
Slide 19 - Tekstslide
Oefening met arrays
//gebruik jouw calcAge functie die jij eerder hebt gemaakt.
const calcAge = function(birthYear) {
return 2037 - birthYear;
}
//maak een nieuw array genaamd years.
const years = [1989, 1990, 1967, 2002, 2018];
Slide 20 - Tekstslide
Print de eerste twee elementen en de laatste in deze array.