P6 WEEK 2 H5S - INFORMATICA

Week 2 les 1
1 / 33
next
Slide 1: Slide
InformaticaMiddelbare schoolhavoLeerjaar 4

This lesson contains 33 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 90 min

Items in this lesson

Week 2 les 1

Slide 1 - Slide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Slide

Startklaar zitten.
Voorkennis activeren

Slide 3 - Slide

This item has no instructions

Wat is de rol van de incrementele stap?
A
Bepaalt het aantal herhalingen.
B
Reset de teller naar nul.
C
Verhoogt de teller na elke iteratie.
D
Vertraagt de uitvoering.

Slide 4 - Quiz

This item has no instructions

Hoe begint een for-loop in JavaScript?
A
met 'loop('
B
met 'for('
C
met een initialisatie.
D
met een functie aanroep.

Slide 5 - Quiz

This item has no instructions

Wat doet een for-loop in JavaScript?
A
Herhaalt code voor een aantal keer.
B
Maakt iteraties mogelijk.
C
Stop met uitvoeren bij fout.
D
Voert alleen een functie uit.

Slide 6 - Quiz

This item has no instructions

Wat is de juiste 'else if' structuur?
A
if (a) {} else if (b) {}
B
if (x > 10) else if (x < 5) {}
C
if {x > 10} else if {x < 5}
D
if (x > 10) {} else if (x < 5) {}

Slide 7 - Quiz

This item has no instructions

Welke syntax is correct voor 'if'?
A
if (voorwaarde) {}
B
if x > 10: {}
C
if {x > 10}
D
if (x > 10) {}

Slide 8 - Quiz

This item has no instructions

Wat doet een 'if' statement in JavaScript?
A
Controleert een voorwaarde
B
Voert code uit als waar
C
Verandert de waarde van variabelen
D
Voegt elementen toe aan een array

Slide 9 - Quiz

This item has no instructions

Hoeveel letters heeft het Lingo-woord meestal?
A
Drie letters.
B
Vijf letters.
C
Zeven letters.
D
Tien letters.

Slide 10 - Quiz

This item has no instructions

Wat is het doel van het spel Lingo?
A
Kaarten verzamelen voor punten.
B
Snelheid winnen door te rennen.
C
Vragen beantwoorden in teams.
D
Woorden raden met letters.

Slide 11 - Quiz

This item has no instructions

LEERDOELEN
Periode leerdoel:

Aan het einde van deze periode kunnen de leerlingen zelfstandig een interactieve twee-speler-versie van het spel Lingo ontwikkelen. Dit omvat het analyseren van bestaande code, het implementeren van een beurtensysteem, meerdere rondes, een dynamisch scorebord, een timer, en een eindscherm dat de winnaar correct weergeeft. De leerlingen passen hierbij programmeerconcepten zoals loops, conditionele logica, arrays en objecten toe en tonen inzicht in het ontwerp van interactieve programma's.

Slide 12 - Slide

This item has no instructions

Lesdoel 1 Analyse van bestaande code
Lesdoel:
Leerlingen begrijpen de huidige één-speler-versie van Lingo en kunnen benoemen welke aanpassingen nodig zijn om deze uit te breiden naar een twee-speler-versie.


Slide 13 - Slide

This item has no instructions

Begrip analyseren 
Analyseren betekent :
het ontleden van informatie, processen, of situaties om beter te begrijpen hoe deze in elkaar zitten. Het doel van analyseren is om inzicht te krijgen in de verschillende onderdelen en relaties binnen een geheel.

Slide 14 - Slide

This item has no instructions

Een miniopdracht analyseren
Zie in teams de miniopdracht analyseren
lever deze in

Ga verder met de lingo code die je van de docent hebt gekregen (zie teams opdracht 2 spelers lingo)

Slide 15 - Slide

This item has no instructions

Samenvatting
- Klassikaal doornemen

Slide 16 - Slide

This item has no instructions

Week 2 les 2

Slide 17 - Slide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 18 - Slide

Startklaar zitten.
Voorkennis activeren

Slide 19 - Slide

This item has no instructions

Wat gebeurt er als er meerdere HTML-elementen hetzelfde id-attribuut hebben?
A
document.getElementById() zal een foutmelding genereren.
B
document.getElementById() zal het eerste overeenkomende element selecteren.

Slide 20 - Quiz

This item has no instructions

Hoe kan document.getElementById() gebruikt worden om de tekst van een element te veranderen?
A
Door de classList van het geselecteerde element aan te passen.
B
Door de innerHTML-eigenschap van het geselecteerde element te wijzigen.

Slide 21 - Quiz

This item has no instructions

Wat is de functie van document.getElementById()?
A
Het selecteren van meerdere HTML-elementen tegelijk.
B
Het selecteren van een HTML-element op basis van de id-attribuut.

Slide 22 - Quiz

This item has no instructions

Variable & datatype
var 1a = "bomen" is deze variable goed geschreven?; 
var = "bomen" is deze variable goed geschreven?; 
var a = "bomen" is deze variable goed geschreven?; 
wat is een string; wat is een int; 
wat is een boolean; 
const a = "bomen" wat houdt const in?;

Slide 23 - Slide

This item has no instructions

Leerdoelen
De student leert een willekeurige index uit een array in JavaScript te selecteren en deze in een variabele op te slaan.

Slide 24 - Slide

This item has no instructions

LET OP!
Het werk dat je vandaag gaat maken dient vandaag ingeleverd te worden. Het telt 10% van jouw eind beoordeling deze periode!

Slide 25 - Slide

This item has no instructions

Array
- kan een reeks aan data opslaan
- heeft indexen
- je kan de data toevoegen, wijzigen, verwijderen
- je kan de data ophalen

Slide 26 - Slide

This item has no instructions

Array met woordjes
Download het bestand woordjes.js via teams en sla dit bestand op in de map assets/js

Zorg ervoor dat het bestand wordt ingeladen net boven lingo.js in html

Download de opdrachten en ga aan de slag in lingo.js met de array




Slide 27 - Slide

This item has no instructions

Ik weet nu hoe ik een array kan gebruiken
Ja
Deels
Nee

Slide 28 - Poll

This item has no instructions

Hoe krijg je het aantal elementen in een array in JavaScript?
A
array.length;
B
array.size();
C
array.length();
D
array.count();

Slide 29 - Quiz

This item has no instructions

Hoe voeg je een element toe aan het einde van een array in JavaScript?
A
array.push('element');
B
array.add('element');
C
array.insert('element');
D
array.append('element');

Slide 30 - Quiz

This item has no instructions

Hoe maak je een lege array in JavaScript?
A
var array = [];
B
var array = {};
C
var array = new Array();
D
var array = [1, 2, 3];

Slide 31 - Quiz

This item has no instructions

Lever jouw werk in
Jou lingo html pagina dien je via teams in te leveren
Deze telt mee voor de beoordeling 10% van de totale beoordeling 



Slide 32 - Slide

This item has no instructions

Samenvatting
Klasikaal doornemen

Slide 33 - Slide

This item has no instructions