PROGRAMMEREN IN JAVASCRIPT - LES 4

PROGRAMMEREN : IN_JAVASCRIPT;
1 / 31
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavoLeerjaar 4

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

time-iconLesduur is: 120 min

Onderdelen in deze les

PROGRAMMEREN : IN_JAVASCRIPT;

Slide 1 - Tekstslide

Deze slide heeft geen instructies

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

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

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 vraag

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Commentaar plaatsen in javascript

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Waarom plaatsen wij
commentaar in onze programmateur?

Slide 9 - Woordweb

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

Enkele voorbeelden datum en tijd

Slide 11 - Tekstslide

Deze slide heeft geen instructies

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


timer
1:00

Slide 12 - Tekstslide

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Slide 14 - Tekstslide

Deze slide heeft geen instructies

Wat doet volgens jouw de functie?

Slide 15 - Woordweb

Deze slide heeft geen instructies

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

Slide 16 - Tekstslide

Deze slide heeft geen instructies

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

Slide 17 - Woordweb

Deze slide heeft geen instructies

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

Slide 18 - Tekstslide

Deze slide heeft geen instructies

Wat doet volgens jouw de functie?

Slide 19 - Woordweb

Deze slide heeft geen instructies

geef een voorbeeld wanneer je een forloop of whileloop gebruikt ?

Slide 20 - Woordweb

Deze slide heeft geen instructies

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

Slide 21 - Poll

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Slide 23 - Poll

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

verschil tussen for en whileloop

Slide 25 - Woordweb

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Deze slide heeft geen instructies

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

Slide 31 - Poll

Deze slide heeft geen instructies