M3 Javascript 1

Week 4 les 1
1 / 43
next
Slide 1: Slide
InformaticaMiddelbare schoolhavoLeerjaar 4

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

time-iconLesson duration is: 90 min

Items in this lesson

Week 4 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 een programmeertaal?
A
Een taal om computers te instrueren.
B
Een taal om te zingen.
C
Een taal om te koken.
D
Een taal om met vrienden te praten.

Slide 4 - Quiz

This item has no instructions

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

Slide 5 - Slide

This item has no instructions

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.

Slide 6 - Slide

This item has no instructions

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

Slide 7 - Slide

This item has no instructions

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

Slide 8 - Slide

This item has no instructions

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

Slide 9 - Slide

This item has no instructions

wat was jouw antwoord

Slide 10 - Mind map

This item has no instructions

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 

Slide 11 - Slide

This item has no instructions

wat was jouw antwoord

Slide 12 - Mind map

This item has no instructions

Maken van opdrachten
Zie teams

Periode 1 week 4 if else opdracht

Slide 13 - Slide

This item has no instructions

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

Slide 14 - Poll

This item has no instructions

Ik weet nu hoe ik een controle structure kan gebruiken
Ja
Deels
Nee

Slide 15 - Poll

This item has no instructions

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

Slide 16 - Open question

This item has no instructions

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".

Slide 17 - Open question

This item has no instructions

Samenvatting

Slide 18 - Slide

This item has no instructions

Week 4 les 2

Slide 19 - Slide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 20 - Slide

Startklaar zitten.
Voorkennis activeren

Slide 21 - Slide

This item has no instructions

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")

Slide 22 - Open question

This item has no instructions

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

Slide 23 - Slide

This item has no instructions

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.

Slide 24 - Slide

This item has no instructions

Instructies aan de computer 

Slide 25 - Slide

This item has no instructions

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?

Slide 26 - Slide

This item has no instructions

Schrijf jouw antwoord hieronder

Slide 27 - Open question

This item has no instructions

Nu met een forloop
ga weer naar https://www.programiz.com/javascript/online-compiler/

Verwijder jouw oude code en schrijf de code hieronder over.

Slide 28 - Slide

This item has no instructions

Maak de opdracht 
Kijk in teams naar de opdracht

periode 1 week 4 opdracht 4/6

Slide 29 - Slide

This item has no instructions

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

Slide 30 - Open question

This item has no instructions

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

Slide 31 - Slide

This item has no instructions

M3 Programmeren

Slide 32 - Slide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 33 - Slide

Startklaar zitten.
Voorkennis activeren

Slide 34 - Slide

This item has no instructions

Met welke Javascript code gaat de robotarm een blokje grijpen?
A
arm.grab()
B
arm.grap()
C
robotArm.grijp()
D
robotArm.grab()

Slide 35 - Quiz

This item has no instructions

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

Slide 36 - Open question

This item has no instructions

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

Slide 37 - Poll

This item has no instructions

Leerdoelen

Slide 38 - Slide

This item has no instructions

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.

Slide 39 - Slide

This item has no instructions

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.

Slide 40 - Slide

This item has no instructions

Wat is het begin van een for-loop die de getallen 1 tot en met 10 print
A
for (i = 0; i < 10; i++)
B
for (var i = 1; i <= 10; i++)
C
for (i = 1; i <= 11; i++)
D
for (let i = 0; i <= 10; i++)

Slide 41 - Quiz

This item has no instructions

Ik vond de opdracht
erg makkelijk
makkelijk
niet makkelijk, niet moeilijk
moeilijk
erg moeilijk

Slide 42 - Poll

This item has no instructions

Samenvatting

Slide 43 - Slide

This item has no instructions