Wat is LessonUp
Zoeken
Kanalen
Inloggen
Registreren
‹
Terug naar zoeken
BBL Week 5
1 / 15
volgende
Slide 1:
Tekstslide
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
In deze les zitten
15 slides
, met
interactieve quizzen
en
tekstslides
.
Lesduur is:
90 min
Start les
Bewaar
Deel
Printen
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
Kennismakingsronde
https://www.codecademy.com/learn/introduction-to-javascript
Verdiepen
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
Meer lessen zoals deze
Week 6 - Les 1
Oktober 2023
- Les met
10 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
BBL Week 4
Maart 2024
- Les met
12 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 5 - Les 1
Oktober 2023
- Les met
10 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
BBL Week 6
Maart 2024
- Les met
13 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 4 - Les 2
September 2023
- Les met
11 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 7 - Les 2
Oktober 2023
- Les met
15 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
CSS en de chrome devtools
Februari 2020
- Les met
11 slides
Informatica
Middelbare school
vwo
Leerjaar 4
BBL Week 7 - XAMPP en installatie
Maart 2024
- Les met
16 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2