What is LessonUp
Search
Channels
AI tools
Beta
Log in
Register
‹
Return to search
BBL Week 5
1 / 15
next
Slide 1:
Slide
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
This lesson contains
15 slides
, with
interactive quizzes
and
text slides
.
Lesson duration is:
90 min
Start lesson
Save
Share
Print lesson
Items in this lesson
Slide 1 - Slide
Kennismakingsronde
Opfrissen css
Introductie javascript
Doelen
Slide 2 - Slide
Hoe zorg je er in css voor dat alleen het kopje 'Inleiding' de kleur blauw krijgt voor deze html-code?
Slide 3 - Open question
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 question
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 - Drag 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 6 - Open question
Wat zorgt ervoor dat we op https://www.ponggame.org een game kunnen spelen?
Slide 7 - Open question
Wat doet javascript eigenlijk op een webpagina als ponggame.org?
Slide 8 - 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 9 - Slide
Kennismakingsronde
<script> tag
Extern bestand .js
Javascript in html
Slide 10 - Slide
Kennismakingsronde
css veranderen
html veranderen
Voorbeelden
Slide 11 - Slide
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 - Slide
Kennismakingsronde
https://www.codecademy.com/learn/introduction-to-javascript
Verdiepen
Slide 13 - Slide
Wat is het belangrijkste dat jij hebt geleerd over Javascript?
Slide 14 - Open question
Kennismakingsronde
Introductie javascript
Volgende week
start Wordpress
Terug- en vooruitblik
Slide 15 - Slide
More lessons like this
leerlingen voorbereidingsquiz Berlijn
May 2019
- Lesson with
14 slides
by
Dé Schoolreisgids
Duits
Middelbare school
vmbo, mavo, havo, vwo
Leerjaar 1-6
Dé Schoolreisgids
3TL periode 2 les 16
6 days ago
- Lesson with
10 slides
Duits
Middelbare school
vmbo b, k, t, havo
Leerjaar 1
Parijs voorbereidingsquiz leerlingen
June 2018
- Lesson with
19 slides
by
Dé Schoolreisgids
Frans
Middelbare school
vmbo, mavo, havo, vwo
Leerjaar 1-6
Dé Schoolreisgids
Uitleg: The Underground
November 2018
- Lesson with
3 slides
by
Dé Schoolreisgids
Middelbare school
vmbo, mavo, havo, vwo
Leerjaar 1-6
Dé Schoolreisgids
Ouderavond Parijs
January 2018
- Lesson with
22 slides
by
Dé Schoolreisgids
Aardrijkskunde
Middelbare school
vmbo t, mavo
Leerjaar 4
Dé Schoolreisgids
Barcelona leerlingen voorbereidingsquiz
July 2018
- Lesson with
20 slides
by
Dé Schoolreisgids
Middelbare school
vmbo, mavo, havo, vwo
Leerjaar 1-6
Dé Schoolreisgids
Digi-doener! | De mens van top tot teen
September 2021
- Lesson with
8 slides
by
Stichting FutureNL
Oriëntatie op jezelf en de wereld
Informatievaardigheden
+1
Basisschool
Groep 4,5
Stichting FutureNL
Leerlingenquiz voorbereiding Praag
June 2018
- Lesson with
19 slides
by
Dé Schoolreisgids
Culturele en kunstzinnige vorming
Middelbare school
vmbo, mavo, havo, vwo
Leerjaar 1-6
Dé Schoolreisgids