‹Terug naar zoeken

P1 WEEK 1 M4S - INFORMATIE TECHNOLOGIE

Week 1 les 1
1 / 36
volgende
Slide 1: Tekstslide
InformaticaMiddelbare schoolhavoLeerjaar 4

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

time-iconLesduur is: 90 min

Onderdelen in deze les

Week 1 les 1

Slide 1 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 2 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 3 - Tekstslide

Deze slide heeft geen instructies

Hoe kun je een for loop schrijven in JavaScript?
A
for (i < 5; i++)
B
loop (var i = 0; i < 5; i++)
C
for (var i = 0; i < 5; i++)
D
for (i = 0; i < 5; i++)

Slide 4 - Quizvraag

Deze slide heeft geen instructies

Wat is het keyword om een variabele te declareren in JavaScript?
A
let
B
const
C
var
D
int

Slide 5 - Quizvraag

Deze slide heeft geen instructies

Wat is de index van het eerste element in een array?
A
0
B
1
C
start
D
-1

Slide 6 - Quizvraag

Deze slide heeft geen instructies

Wat is de juiste syntaxis voor het selecteren van alle <div> elementen in CSS?
A
.div {}
B
div {}
C
div[] {}
D
#div {}

Slide 7 - Quizvraag

Deze slide heeft geen instructies

LEERDOELEN
Leerlingen kunnen het spel Lingo uitleggen en begrijpen, en vervolgens in staat zijn om dit spel te programmeren.

Slide 8 - Tekstslide

Deze slide heeft geen instructies

Lingo

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Regels Lingo
Startwoord: 
Begin met de eerste letter van het woord. Deze wordt automatisch ingevuld.

Pogingen: 
Je hebt vijf kansen om het volledige woord te raden.

Hints:
Groen: De letter staat op de juiste plaats.
Geel: De letter zit in het woord, maar staat verkeerd.
Rood/Leeg: De letter komt niet in het woord voor.

Doel: 
Raad het woord binnen vijf pogingen.

Slide 10 - Tekstslide

Deze slide heeft geen instructies

Hoe werkt het 

Slide 11 - Tekstslide

Deze slide heeft geen instructies

15 minuten lingo spelen




https://www.lingospelen.nl/5-letters/5-rondes/

Slide 12 - Tekstslide

Deze slide heeft geen instructies

Ik ken de spelregels van Lingo
Ja
Deels
Nee

Slide 13 - Poll

Deze slide heeft geen instructies

Wat betekent de kleur geel bij het raden van het woord?
A
De kleur geel betekent dat de letter in het woord voorkomt, maar op de verkeerde plaats.
B
De kleur geel betekent dat de letter op de juiste plaats staat.
C
De kleur geel betekent dat de letter in het woord staat, maar op de verkeerde plaats.
D
De kleur geel betekent dat de letter niet in het woord voorkomt.

Slide 14 - Quizvraag

Deze slide heeft geen instructies

Wat betekent de kleur rood bij het raden van het woord?
A
De kleur rood betekent dat de letter in het woord staat, maar op de verkeerde plaats.
B
De kleur rood betekent dat de letter niet in het woord voorkomt.
C
De kleur rood betekent dat de letter op de juiste plaats staat.
D
De kleur rood betekent dat de letter in het woord voorkomt.

Slide 15 - Quizvraag

Deze slide heeft geen instructies

Hoeveel pogingen krijg je om een woord te raden in Lingo?
A
7 pogingen
B
3 pogingen
C
5 pogingen
D
10 pogingen

Slide 16 - Quizvraag

Deze slide heeft geen instructies

Hoeveel letters heeft een Lingo-woord?
A
4 letters
B
5 letters
C
7 letters
D
6 letters

Slide 17 - Quizvraag

Deze slide heeft geen instructies

Week 1 les 2

Slide 18 - Tekstslide

Startklaar zitten.
STARTKLAAR!
Tellie in zakkie

Slide 19 - Tekstslide

Startklaar zitten.
Voorkennis activeren

Slide 20 - Tekstslide

Deze slide heeft geen instructies

leg uit wat het verschil is tussen css en html

Slide 21 - Open vraag

Deze slide heeft geen instructies

Ik weet wat het verschil is tussen HTML en CSS
Ja
Deels
Nee

Slide 22 - Poll

Deze slide heeft geen instructies

Hoe voeg je een achtergrondafbeelding toe in CSS?
A
background-image: url('achtergrond.jpg');
B
image-src: achtergrond.jpg;
C
bg-img: achtergrond.jpg;
D
set-bg: achtergrond.jpg;

Slide 23 - Quizvraag

Deze slide heeft geen instructies

Hoe maak je een externe CSS-bestand in HTML?
A
<link rel='stylesheet' type='text/css' href='styles.css'>
B
<style src='styles.css'>
C
<stylesheet='styles.css'>
D
<css link='styles.css'>

Slide 24 - Quizvraag

Deze slide heeft geen instructies

Leerdoel
De leerling kan de structuur en inhoud van een HTML-bestand begrijpen door de verschillende elementen zoals tags, attributen en inhoud te identificeren en te interpreteren.

Slide 25 - Tekstslide

Deze slide heeft geen instructies

Vanuit teams download
Download de lingo en bewaar het op jouw laptop op een plek die jij onthoud
Je hebt alleen de layout
Deze is dus nog niet functioneel

Slide 26 - Tekstslide

Deze slide heeft geen instructies

Online code editor
Julie gebruiken allemaal de online code editor van visual code

Ga naar de volgende link
https://vscode.dev/







Slide 27 - Tekstslide

Deze slide heeft geen instructies

Online code editor

Open de map Lingo die je zojuist hebt gedownload
via teams

Verken wat er allemaal in het map je zit

- html bestand lingo.html
- map assests met daar in mapje css en daarin style.css


Slide 28 - Tekstslide

Deze slide heeft geen instructies

Opdracht 1
Verander de eerste rij van team 1 in de letters A naar
B en sla het op als opdracht 1.html

Slide 29 - Tekstslide

Deze slide heeft geen instructies

Welke code heb jij aangepast
A
<span class="fw-bold fs-6">..</span>
B
<div class="col-2 square-column border bg-primary text-white d-flex justify-content-center align-items-center"> ..</div>
C
<h3>..</h3>
D
<title>..</title>

Slide 30 - Quizvraag

Deze slide heeft geen instructies

Opdracht 2
Verander de tweede rij van team 1 de blauwe vakjes naar rood en sla het op als opdracht 2.html
hint: bg-danger maakt het rood

Slide 31 - Tekstslide

Deze slide heeft geen instructies

Welke code heb jij aangepast
A
<span class="fw-bold fs-6">..</span>
B
<div class="col-2 square-column border bg-primary text-white d-flex justify-content-center align-items-center"> ..</div>
C
<h3>..</h3>
D
<title>..</title>

Slide 32 - Quizvraag

Deze slide heeft geen instructies

Opdracht 3
Verwijder de knop submit word en sla het op als opdracht 3.html

Slide 33 - Tekstslide

Deze slide heeft geen instructies

Welke code heb jij aangepast
A
<span class="fw-bold fs-6">..</span>
B
<button class="btn btn-success" id="submitWord">...</button>
C
<h3>..</h3>
D
<title>..</title>

Slide 34 - Quizvraag

Deze slide heeft geen instructies

Lever jouw werk in
Jou lingo html pagina dien je via teams in te leveren
Deze telt mee voor de beoordeling 10% van de totale beoordeling 



Slide 35 - Tekstslide

Deze slide heeft geen instructies

Samenvatting
Klasikaal doornemen

Slide 36 - Tekstslide

Deze slide heeft geen instructies

Meer lessen zoals deze

P1 WEEK 1 M4S - INFORMATICA

- Les met 41 slides
InformaticaMiddelbare schoolhavoLeerjaar 4

P1 WEEK 2 H5S - INFORMATICA

- Les met 36 slides
InformaticaMiddelbare schoolhavoLeerjaar 4

P1 Week 2

- Les met 50 slides
InformaticaMiddelbare schoolhavoLeerjaar 4

P6 WEEK 2 H5S - INFORMATICA

- Les met 33 slides
InformaticaMiddelbare schoolhavoLeerjaar 4

H5 P1 Les 2.1

- Les met 14 slides
InformaticaMiddelbare schoolhavoLeerjaar 4

H5 P1 Les 2.1

- Les met 14 slides
InformaticaMiddelbare schoolhavoLeerjaar 4

HWUD04-sj2122-01-Webdev-introductie

- Les met 37 slides
Communication & multimedia designHBOStudiejaar 2

H5 P1 Les 2.2

- Les met 25 slides
InformaticaMiddelbare schoolhavoLeerjaar 4