BBL Week 6

1 / 13
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 2

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

time-iconLesduur is: 90 min

Onderdelen in deze les

Slide 1 - Tekstslide

Kennismakingsronde
  • Javascript basis concepten
Doelen

Slide 2 - Tekstslide

Wat is javascript?

Slide 3 - Woordweb

Kennismakingsronde
    Variabelen
  •    Container voor het opslaan van gegevens in het computergeheugen
  •     Declaratie met  let of const.
  •     Voorbeelden:  let naam = "John";

    Datatypes
        Verschillende soorten gegevens die kunnen worden opgeslagen in variabelen.
        Voorbeelden: getallen, strings(tekst) , booleans(waar/niet waar) , arrays (verzameling), objecten(verzameling)

    Operatoren
        Symbolen die worden gebruikt voor het uitvoeren van bewerkingen op variabelen en waarden.
        Voorbeelden: +, -, *, /, ==, !=.
Javascript basisconcepten

Slide 4 - Tekstslide

Kennismakingsronde
Voorwaardelijke instructies

    Gebruikt om code uit te voeren op basis van bepaalde voorwaarden.
    if, else if, else.
    Voorbeelden:


Javascript basisconcepten

Slide 5 - Tekstslide

Kennismakingsronde
Lussen / loops

    Gebruikt om code te herhalen
    for, while, do...while.
    Voorbeeld:


Javascript basisconcepten

Slide 6 - Tekstslide

Kennismakingsronde
Functies

    Blokken code die herbruikbaar zijn en een specifieke taak uitvoeren.
    Belangrijk concept in programmeren voor het organiseren en structureren van code.

   Voorbeeld van declaratie en aanroep
Javascript basisconcepten

Slide 7 - Tekstslide

Kennismakingsronde
Event Listeners

Wat zijn event listeners?
  •     Gebruikt om te luisteren naar bepaalde gebeurtenissen (events) en code uit te voeren wanneer deze gebeurtenissen optreden.
  •     Maakt interactieve functionaliteit mogelijk, zoals het reageren op gebruikersinteracties.

Toevoegen van een event listener
    Syntax: element.addEventListener(eventType, callbackFunction).
    Voorbeeld:

Belangrijke event types
    Click, mouseover, mouseout, keydown, keyup, enz.
    Elke interactie van de gebruiker kan een event triggeren.

Javascript basisconcepten

Slide 8 - Tekstslide

Kennismakingsronde
  • events.html in itslearning
  • Experimenteer
  • Verander bijvoorbeeld kleur bij elke beweging
  • Voeg een geluidje toe
  • ...
Oefening

Slide 9 - Tekstslide

Kennismakingsronde
  • maak een map 'js' aan in jouw werkmap
  • Download css_veranderen.html en html_veranderen.html html_veranderen.html
  • zet twee willekeurige plaatjes in jouw map
  • voeg plaatje 1 toe aan html_veranderen.html
  • voeg javascript toe om plaatje 2 te tonen als je
    op de button klikt.
Oefening

Slide 10 - Tekstslide

Slide 11 - Tekstslide

Wat is het belangrijkste dat jij hebt geleerd over Javascript?

Slide 12 - Open vraag

Kennismakingsronde
  • Introductie javascript
Volgende week
  • start Wordpress
Terug- en vooruitblik

Slide 13 - Tekstslide