M3 Javascript 1

Week 4 les 1
1 / 43
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavoLeerjaar 4

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

time-iconLesduur is: 90 min

Onderdelen in deze les

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

Deze slide heeft geen instructies

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

Slide 5 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

wat was jouw antwoord

Slide 10 - Woordweb

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

wat was jouw antwoord

Slide 12 - Woordweb

Deze slide heeft geen instructies

Maken van opdrachten
Zie teams

Periode 1 week 4 if else opdracht

Slide 13 - Tekstslide

Deze slide heeft geen instructies

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

Slide 14 - Poll

Deze slide heeft geen instructies

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

Slide 15 - Poll

Deze slide heeft geen instructies

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

Slide 16 - Open vraag

Deze slide heeft geen instructies

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 vraag

Deze slide heeft geen instructies

Samenvatting

Slide 18 - Tekstslide

Deze slide heeft geen instructies

Week 4 les 2

Slide 19 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 20 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 21 - Tekstslide

Deze slide heeft geen instructies

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 vraag

Deze slide heeft geen instructies

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

Slide 23 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Instructies aan de computer 

Slide 25 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Schrijf jouw antwoord hieronder

Slide 27 - Open vraag

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Maak de opdracht 
Kijk in teams naar de opdracht

periode 1 week 4 opdracht 4/6

Slide 29 - Tekstslide

Deze slide heeft geen instructies

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

Slide 30 - Open vraag

Deze slide heeft geen instructies

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

Slide 31 - Tekstslide

Deze slide heeft geen instructies

M3 Programmeren

Slide 32 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 33 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 34 - Tekstslide

Deze slide heeft geen instructies

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

Slide 35 - Quizvraag

Deze slide heeft geen instructies

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

Slide 36 - Open vraag

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Leerdoelen

Slide 38 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Slide 42 - Poll

Deze slide heeft geen instructies

Samenvatting

Slide 43 - Tekstslide

Deze slide heeft geen instructies