Week 6 - Les 1

1 / 10
next
Slide 1: Slide
Applicatie- en mediaontwikkelaarMBOStudiejaar 2

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

time-iconLesson duration is: 90 min

Items in this lesson

Slide 1 - Slide

Kennismakingsronde
  • Terugblik flex
  • Introductie javascript
Doelen

Slide 2 - Slide

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

Slide 3 - Open question

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 question

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

Slide 5 - Open question

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

Slide 6 - Open question

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

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

Slide 8 - Slide

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

Slide 9 - Slide

Wat is het belangrijkste dat jij hebt geleerd over Javascript?

Slide 10 - Open question