P6 WEEK 2 H5S - INFORMATICA

Week 2 les 1
1 / 33
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavoLeerjaar 4

In deze les zitten 33 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 90 min

Onderdelen in deze les

Week 2 les 1

Slide 1 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 3 - Tekstslide

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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

Slide 5 - Quizvraag

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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

Slide 8 - Quizvraag

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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

Slide 10 - Quizvraag

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Samenvatting
- Klassikaal doornemen

Slide 16 - Tekstslide

Deze slide heeft geen instructies

Week 2 les 2

Slide 17 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 18 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 19 - Tekstslide

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 24 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 26 - Tekstslide

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

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

Slide 28 - Poll

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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 - Quizvraag

Deze slide heeft geen instructies

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 - Tekstslide

Deze slide heeft geen instructies

Samenvatting
Klasikaal doornemen

Slide 33 - Tekstslide

Deze slide heeft geen instructies