What is LessonUp
Search
Channels
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
BBL Week 4
March 2024
- Lesson with
12 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 6 - Les 1
October 2023
- Lesson with
10 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
BBL Week 6
March 2024
- Lesson with
13 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 5 - Les 1
October 2023
- Lesson with
10 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 4 - Les 2
September 2023
- Lesson with
11 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
Week 7 - Les 2
October 2023
- Lesson with
15 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2
CSS en de chrome devtools
February 2020
- Lesson with
11 slides
Informatica
Middelbare school
vwo
Leerjaar 4
Week 8 - Les 1
October 2023
- Lesson with
12 slides
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 2