PROGRAMMEREN IN JAVASCRIPT - LES 4

PROGRAMMEREN : IN_JAVASCRIPT;
1 / 31
next
Slide 1: Slide
InformaticaMiddelbare schoolhavoLeerjaar 4

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

time-iconLesson duration is: 120 min

Items in this lesson

PROGRAMMEREN : IN_JAVASCRIPT;

Slide 1 - Slide

This item has no instructions

STARTKLAAR
DIGITALE BOEK FUNDAMENT
  • Kernprogramma A: HTML en CSS

AANTEKENINGEN
  • Pen, Potlood, gum, markeerstiften 
  • Jouw School/aantekeningen map op tafel

ALLE AFLEIDING WEG
- Oordopjese/koptelefoons in de tas of jas
- Tas op de grond
- Jas om jouw stoel


Verder werken aan jouw website met de nieuwe CSS attributen

Slide 2 - Slide

Beschrijving van de openingsfoto

Je ziet op de foto een Pingo.
Dit is een ijslens onder de grond. Doordat de ijsmassa water aantrekt groeit de pingo.

Blablabalbla


Wat gaan wij vandaag doen
Herhaling  
  • Surpriseherhaling :)
  • De leerling kan uitleggen wat het verschil is tussen een global en local variable is en dit verantwoorden
  • De leerling heeft kennis hoe commentaar toe te voegen aan zijn programmateur en kan dit toepassen
  • De leerling heeft kennis van datum en tijd gebruik in javascript
  • De leerling heeft kennis van de iteratie vorm For loop
  • De leerling heeft kennis van een functieblok met parameter 

Een paar nieuwe onderwerpen voor vandaag
- De leerling kan het verschil tussen een While loop en For loop benoemen
- De leerling kan het verschil tussen let en var benoemen


Slide 3 - Slide

Beschrijving van de openingsfoto

Je ziet op de foto een Pingo.
Dit is een ijslens onder de grond. Doordat de ijsmassa water aantrekt groeit de pingo.

Blablabalbla



Slide 4 - Open question

This item has no instructions

Wat was het verschil tussen global en local variable
Alle variable gedeclareerd buiten de
codeblock om is Global

Alle variable gedeclareerd binnen de
codeblock is Local



Slide 5 - Slide

This item has no instructions

Wat is de jusite wijze om één commentaar regel in jouw javascript programmateur te plaatsen
A
// commentaar
B
/* commentaar
C
# commentaar
D
/ commentaar

Slide 6 - Quiz

This item has no instructions

Wat is de jusite wijze om meerdere commentaar regels in jouw javascript programmateur te plaatsen
A
// commentaar //
B
/* commentaar */
C
# commentaar #
D
/ commentaar /

Slide 7 - Quiz

This item has no instructions

Commentaar plaatsen in javascript

Slide 8 - Slide

This item has no instructions

Waarom plaatsen wij
commentaar in onze programmateur?

Slide 9 - Mind map

This item has no instructions

Datum en tijd in javascript
De volgende declaratie is bekend

 let huidigeTijdstip = new Date();

de spinner geeft een vraag, maak 
dan de code af op laptop of papier

Slide 10 - Slide

This item has no instructions

Enkele voorbeelden datum en tijd

Slide 11 - Slide

This item has no instructions

Forloop en Whileloop
Maak een korte samenvatting (max in 2 regels) wat een forloop en while loop is.


timer
1:00

Slide 12 - Slide

This item has no instructions

Forloop en Whileloop
laat jouw samenvatting aan jouw buurman of buurvrouw zien en ga maximaal binnen 1 minuut jouw samenvatting over de forloop en whileloop verantwoorden en verdedigen (indien nodig). 
timer
1:00

Slide 13 - Slide

This item has no instructions

Functieblokken
Bekijk en maak aantekeningen wat de volgende functie doet
timer
0:30

Slide 14 - Slide

This item has no instructions

Wat doet volgens jouw de functie?

Slide 15 - Mind map

This item has no instructions

Functieblokken
Bekijk en maak aantekeningen wat de volgende functie doet
timer
0:30

Slide 16 - Slide

This item has no instructions

Wat doet volgens jouw de functie en wat is de naam van deze functie?

Slide 17 - Mind map

This item has no instructions

Functieblokken
Bekijk en maak aantekeningen wat de volgende functie doet
timer
1:00

Slide 18 - Slide

This item has no instructions

Wat doet volgens jouw de functie?

Slide 19 - Mind map

This item has no instructions

geef een voorbeeld wanneer je een forloop of whileloop gebruikt ?

Slide 20 - Mind map

This item has no instructions

Het verschil tussen global en local is mij duidelijk
ja
nee
deels duidelijk maar ik heb nog vragen

Slide 21 - Poll

This item has no instructions

Ik weet wat het verschil tussen een forloop en whileloop is
ja
nee
deels duidelijk maar ik heb nog vragen over de selector
deels duidelijk maar ik heb nog vragen over de declaratie

Slide 22 - Poll

This item has no instructions

Ik weet hoe ik de date time in javascript kan gebruiken
ja
nee
Deels

Slide 23 - Poll

This item has no instructions

Forloop en whileloop?
Ga in groepjes van 2 overleggen wat een forloop ook alweer was en wat het verschil ik is tussen een forloop en whileloop.

timer
5:00

Slide 24 - Slide

This item has no instructions

verschil tussen for en whileloop

Slide 25 - Mind map

This item has no instructions

Let vs Var?
zoek uit wat het verschil is tussen let en var in javascript en maak hier een korte samenvatting van.

timer
2:00

Slide 26 - Slide

This item has no instructions

Let vs Var (Klassikaal code schrijven)
maak index.html bestand op jouw laptop
open deze in visual code editor
in jouw html bestand typ je <script>  </script>
schrijf de volgende code tussen <script> hier de code </script>

timer
5:00

Slide 27 - Slide

This item has no instructions

Let vs Var (Klassikaal code schrijven)
maak de code af:
als r > 4 dan return r is te groot anders voer de code uit om de omtrek uit te rekenen en deze terug te geven dmv return.

steek je hand op als je denk dat je klaar bent, de docent controleert of het goed is


timer
5:00

Slide 28 - Slide

This item has no instructions

Let vs Var (Klassikaal code schrijven)
maak de code af:
buiten de if maak je een variable met var x = 5
binnen de if maak je een variable met let y = 10
boven de return omtrekt; type je console.log(x+"-"+y)
steek je hand op als je denk dat je klaar bent, de docent controleert of het goed is


timer
5:00

Slide 29 - Slide

This item has no instructions

Let vs Var?
buiten de functie berekenOmtrekCirkel typ je het volgende in:
berekenOmtrekCirkel(100);
open jouw index.html en kijk in inspecteren bij conlose wat de uitkomst is

herhaal dit nog een keer maar nu ipv 100 typ je 3 in

verklaar jouw samenvatting aan de hand van de geschreven code en trek een conclusie of jouw samenvatting klopt met de uitkomst van de code

timer
2:00

Slide 30 - Slide

This item has no instructions

Exit Ticket
Hoe goed heb je de les begrepen?
😒🙁😐🙂😃

Slide 31 - Poll

This item has no instructions