Week 6 - Les 1

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

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

time-iconLesduur is: 90 min

Onderdelen in deze les

Slide 1 - Tekstslide

Kennismakingsronde
  • Terugblik flex
  • Introductie javascript
Doelen

Slide 2 - Tekstslide

Als we drie divs naast elkaar willen plaatsen aan de bovenkant van een pagina. Welk css commando moeten we dan gebruiken?

Slide 3 - Open vraag

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 4 - Open vraag

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

Slide 5 - Open vraag

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

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

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

Slide 8 - Tekstslide

Kennismakingsronde
  • Download de html bestanden in week 6
  • Experimenteer door kleine aanpassingen te doen in de html
Voorbeeld in itslearning

Slide 9 - Tekstslide

Wat is het belangrijkste dat jij hebt geleerd over Javascript?

Slide 10 - Open vraag