BBL Week 5

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

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

time-iconLesduur is: 90 min

Onderdelen in deze les

Slide 1 - Tekstslide

Kennismakingsronde
  • Opfrissen css
  • Introductie javascript
Doelen

Slide 2 - Tekstslide

Hoe zorg je er in css voor dat alleen het kopje 'Inleiding' de kleur blauw krijgt voor deze html-code?

Slide 3 - Open vraag

Hoe zorg je er in css voor dat alleen de kopje 'Inleiding' en 'Hoofdstuk 1' de kleur blauw krijgen voor deze html?

Slide 4 - Open vraag

Sleep de onderdelen vanuit de css naar de juiste definitie aan de rechterkant.
Selector
Property
Value
H1
.hs_blauw
#submit_knop
font-size
color
12pt
grey

Slide 5 - Sleepvraag

Ga naar https://www.ponggame.org/ en start een game tegen de computer. Bekijk de pagina vervolgens. Waar wordt gebruikt van html en css.

Slide 6 - Open vraag

Wat zorgt ervoor dat we op https://www.ponggame.org een game kunnen spelen?

Slide 7 - Open vraag

Wat doet javascript eigenlijk op een webpagina als ponggame.org?

Slide 8 - Open vraag

Kennismakingsronde
  • Programmeertaal voor front-end ontwikkeling (browser)
  • Instructies
  • Variabelen
  • Acties / functies
  • Input en output
  • Een manier om html en css aan te laten passen
Javascript

Slide 9 - Tekstslide

Kennismakingsronde
  • <script> tag
  • Extern bestand .js
Javascript in html

Slide 10 - Tekstslide

Kennismakingsronde
  • css veranderen
  • html veranderen
Voorbeelden

Slide 11 - 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 12 - Tekstslide

Slide 13 - Tekstslide

Wat is het belangrijkste dat jij hebt geleerd over Javascript?

Slide 14 - Open vraag

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

Slide 15 - Tekstslide