P6 WEEK 2 H5S - INFORMATICA

• Informatica
• Middelbare school
• havo
• Leerjaar 4

Week 2 les 1

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

Wat is de rol van de incrementele stap?

1. Bepaalt het aantal herhalingen.
2. Reset de teller naar nul.
3. Verhoogt de teller na elke iteratie.
4. Vertraagt de uitvoering.

Hoe begint een for-loop in JavaScript?

1. met 'loop('
2. met 'for('
3. met een initialisatie.
4. met een functie aanroep.

Wat doet een for-loop in JavaScript?

1. Herhaalt code voor een aantal keer.
2. Maakt iteraties mogelijk.
3. Stop met uitvoeren bij fout.
4. Voert alleen een functie uit.

Wat is de juiste 'else if' structuur?

1. if (a) {} else if (b) {}
2. if (x > 10) else if (x < 5) {}
3. if {x > 10} else if {x < 5}
4. if (x > 10) {} else if (x < 5) {}

Welke syntax is correct voor 'if'?

1. if (voorwaarde) {}
2. if x > 10: {}
3. if {x > 10}
4. if (x > 10) {}

Wat doet een 'if' statement in JavaScript?

1. Controleert een voorwaarde
2. Voert code uit als waar
3. Verandert de waarde van variabelen
4. Voegt elementen toe aan een array

Hoeveel letters heeft het Lingo-woord meestal?

1. Drie letters.
2. Vijf letters.
3. Zeven letters.
4. Tien letters.

Wat is het doel van het spel Lingo?

1. Kaarten verzamelen voor punten.
2. Snelheid winnen door te rennen.
3. Vragen beantwoorden in teams.
4. Woorden raden met letters.

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.

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.

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.

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)

Samenvatting

- Klassikaal doornemen

Week 2 les 2

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

Wat gebeurt er als er meerdere HTML-elementen hetzelfde id-attribuut hebben?

1. document.getElementById() zal een foutmelding genereren.
2. document.getElementById() zal het eerste overeenkomende element selecteren.

Hoe kan document.getElementById() gebruikt worden om de tekst van een element te veranderen?

1. Door de classList van het geselecteerde element aan te passen.
2. Door de innerHTML-eigenschap van het geselecteerde element te wijzigen.

Wat is de functie van document.getElementById()?

1. Het selecteren van meerdere HTML-elementen tegelijk.
2. Het selecteren van een HTML-element op basis van de id-attribuut.

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?;

Leerdoelen

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

LET OP!

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

Array

- kan een reeks aan data opslaan

- heeft indexen

- je kan de data toevoegen, wijzigen, verwijderen

- je kan de data ophalen

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

Ik weet nu hoe ik een array kan gebruiken

Ja

Deels

Nee

Hoe krijg je het aantal elementen in een array in JavaScript?

1. array.length;
2. array.size();
3. array.length();
4. array.count();

Hoe voeg je een element toe aan het einde van een array in JavaScript?

1. array.push('element');
2. array.add('element');
3. array.insert('element');
4. array.append('element');

Hoe maak je een lege array in JavaScript?

1. var array = [];
2. var array = {};
3. var array = new Array();
4. var array = [1, 2, 3];

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 

Samenvatting

Klasikaal doornemen