M3 Javascript 1

• Informatica
• Middelbare school
• havo
• Leerjaar 4

Week 4 les 1

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

Wat is een programmeertaal?

1. Een taal om computers te instrueren.
2. Een taal om te zingen.
3. Een taal om te koken.
4. Een taal om met vrienden te praten.

LEERDOELEN

De leerling kan variabelen in programmeren begrijpen en toepassen met de controle structure.

Voor de docent 

Hierbij kan de leerling:

• Uitleggen wat een variabele is en waarvoor deze wordt gebruikt in een programma.
• Verschillende typen variabelen (zoals getallen, tekst, en booleans) herkennen en correct gebruiken.
• Een variabele aanmaken, een waarde toewijzen, en de waarde van de variabele aanpassen tijdens het uitvoeren van het programma.
• Inzien hoe variabelen kunnen helpen om programma's flexibel en efficiënt te maken, door gegevens op te slaan die later gebruikt of veranderd kunnen worden.

Data typen

Bij programmeren spreken wij over datatypes bijvoorbeeld:

• String  = "1234567890-=][poiuytreADFGG"  bijvoorbeeld "Jouwnaam"
• Int = 0123456789  bijvoorbeeld 85
• Boolean = true of false bijvoorbeeld  True

Een boolean zou niet samen kunnen gaan met een string

Een variable 

Een stukje ruimte in het geheugen van de computer die jij of de computer kan veranderen

Hieronder is een variabel gemaakt met de datatype string

var naam = "Aziz"

In het geheugen is de variabel naam gemaakt. In dat geheugen hebben wij "Aziz" opgeslagen

Een variable 

var naam

var isDocent

var leeftijd

Variable wijzigen

naam = "Aziz"

isDocent = true

leeftijd = 39

Wat zijn nu de nieuwe waardes van de variablen?Schrijf ze op een papier

wat was jouw antwoord

Een variable 

naam

isDocent

leeftijd

Variable wijzigen

naam = naam + "Aziz"

leeftijd = leeftijd + 39

Wat zijn nu de nieuwe waardes van de variablen?

Schrijf ze op een papier 

wat was jouw antwoord

Maken van opdrachten

Zie teams

Periode 1 week 4 if else opdracht

Programiz

Ik weet nu wat een datatype is en hoe je een variable kan maken

Ja

Deels

Nee

Ik weet nu hoe ik een controle structure kan gebruiken

Ja

Deels

Nee

Noem een datatype en geef een voorbeeld van data die dat type heeft.

Ik heb een variabel leeftijd. Schrijf JavaScript code die uitprint "jij mag" als de leeftijd hoger is dan 18 en anders print "jij mag niet".

Samenvatting

Week 4 les 2

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

maak een variable aan voor het bewaren van de auto kleur. als de kleur wit is dan console.log("2x per week wassen ") anders console.log("1 x per week wassen")

Leerdoelen

De leerling kan een for-loop gebruiken in een programma om herhalende taken uit te voeren.

Voor de docent

Hierbij kan de leerling:

• Uitleggen wat een for-loop is en waarvoor deze wordt gebruikt in een programma.
• Een for-loop schrijven om een taak meerdere keren te herhalen, zoals het afdrukken van een reeks getallen of het herhalen van een tekst.
• Begrijpen hoe de structuur van een for-loop werkt, inclusief de initiële waarde, de conditie en de stapgrootte (increment).
• Toepassen van een for-loop in eigen code om herhalende taken op te lossen, zoals het doorlopen van een lijst of het uitvoeren van een berekening meerdere keren.

Instructies aan de computer 

ga naar https://www.programiz.com/javascript/online-compiler/

typ het volgende over

Dit kunnen wij makkelijker doen

• Wat valt je op aan de structuur van de opdrachten die je hebt ingevoerd?
• Kun je een patroon herkennen in de code?
• Denk je dat je dit proces kunt automatiseren? Hoe zou je dat doen?

Schrijf jouw antwoord hieronder

Nu met een forloop

ga weer naar https://www.programiz.com/javascript/online-compiler/

Verwijder jouw oude code en schrijf de code hieronder over.

Maak de opdracht 

Kijk in teams naar de opdracht

periode 1 week 4 opdracht 4/6

Schrijf een forloop waar 10x jouw naam wordt afgedrukt op het scherm?

Samenvatting

• Als je een laptop meeneemt, neem ook een oplader mee! 

M3 Programmeren

Startklaar zitten.

STARTKLAAR!

Tellie in zakkie

Startklaar zitten.

Voorkennis activeren

Met welke Javascript code gaat de robotarm een blokje grijpen?

1. arm.grab()
2. arm.grap()
3. robotArm.grijp()
4. robotArm.grab()

Hoe print je de getallen 1 tot en met 100 met een for-loop in Javascript?

Hoe gaat het met het programmeren van de Robot Arm?

Ik heb alle 13 opdrachten gemaakt en af!

Ik ben ongeveer halverwege de opdrachten.

Ik ben begonnen met de opdrachten, maar nog niet op de helft

Ik ben vastgelopen en weet niet hoe ik verder moet

Robot Arm? Geen idee, ik weet niet wat die opdracht is

Leerdoelen

Robot Arm

• Maak de opdrachten van de Robot Arm. Er zijn 13 opdrachten in totaal. 

Kom je er niet uit? Vraag je buurman/buurvrouw. Als jullie er samen niet uitkomen, vraag mij dan om hulp.

Guessgame

• We gaan Guessgame spelen! De computer kiest 
• De computer vraagt de gebruiker om een gok en print vervolgens een van de volgende drie dingen
  
• • Te hoog! als de gegeven waarde hoger is dan de gezochte waarde
  
• • Te laag! als de gegeven waarde lager is dan de gezochte waarde
  
• • Bingo! als de gegeven waarde gelijk is aan de gezochte waarde, hierna stopt het programma.
  
• 
  

Wat is het begin van een for-loop die de getallen 1 tot en met 10 print

1. for (i = 0; i < 10; i++)
2. for (var i = 1; i <= 10; i++)
3. for (i = 1; i <= 11; i++)
4. for (let i = 0; i <= 10; i++)

Ik vond de opdracht

erg makkelijk

makkelijk

niet makkelijk, niet moeilijk

moeilijk

erg moeilijk

Samenvatting