P1 WEEK 1 M4 - INFORMATIE TECHNOLOGIE

Week 1 les 1

1 / 36

Slide 1: Tekstslide

InformaticaMiddelbare schoolhavoLeerjaar 4

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

Lesduur 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?

for (i < 5; i++)

loop (var i = 0; i < 5; i++)

for (var i = 0; i < 5; i++)

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?

let

const

var

int

Slide 5 - Quizvraag

Deze slide heeft geen instructies

Wat is de index van het eerste element in een array?

start

-1

Slide 6 - Quizvraag

Deze slide heeft geen instructies

Wat is de juiste syntaxis voor het selecteren van alle <div> elementen in CSS?

.div {}

div {}

div[] {}

#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

Deels

Nee

Slide 13 - Poll

Deze slide heeft geen instructies

Wat betekent de kleur geel bij het raden van het woord?

De kleur geel betekent dat de letter in het woord voorkomt, maar op de verkeerde plaats.

De kleur geel betekent dat de letter op de juiste plaats staat.

De kleur geel betekent dat de letter in het woord staat, maar op de verkeerde plaats.

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?

De kleur rood betekent dat de letter in het woord staat, maar op de verkeerde plaats.

De kleur rood betekent dat de letter niet in het woord voorkomt.

De kleur rood betekent dat de letter op de juiste plaats staat.

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?

7 pogingen

3 pogingen

5 pogingen

10 pogingen

Slide 16 - Quizvraag

Deze slide heeft geen instructies

Hoeveel letters heeft een Lingo-woord?

4 letters

5 letters

7 letters

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

Deels

Nee

Slide 22 - Poll

Deze slide heeft geen instructies

Hoe voeg je een achtergrondafbeelding toe in CSS?

background-image: url('achtergrond.jpg');

image-src: achtergrond.jpg;

bg-img: achtergrond.jpg;

set-bg: achtergrond.jpg;

Slide 23 - Quizvraag

Deze slide heeft geen instructies

Hoe maak je een externe CSS-bestand in HTML?

<stylesheet='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

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

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

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

P1 WEEK 1 M4 - INFORMATIE TECHNOLOGIE

Onderdelen in deze les

Slide 1 - Tekstslide

Slide 2 - Tekstslide

Slide 3 - Tekstslide

Slide 4 - Quizvraag

Slide 5 - Quizvraag

Slide 6 - Quizvraag

Slide 7 - Quizvraag

Slide 8 - Tekstslide

Slide 9 - Tekstslide

Slide 10 - Tekstslide

Slide 11 - Tekstslide

Slide 12 - Tekstslide

Slide 13 - Poll

Slide 14 - Quizvraag

Slide 15 - Quizvraag

Slide 16 - Quizvraag

Slide 17 - Quizvraag

Slide 18 - Tekstslide

Slide 19 - Tekstslide

Slide 20 - Tekstslide

Slide 21 - Open vraag

Slide 22 - Poll

Slide 23 - Quizvraag

Slide 24 - Quizvraag

Slide 25 - Tekstslide

Slide 26 - Tekstslide

Slide 27 - Tekstslide

Slide 28 - Tekstslide

Slide 29 - Tekstslide

Slide 30 - Quizvraag

Slide 31 - Tekstslide

Slide 32 - Quizvraag

Slide 33 - Tekstslide

Slide 34 - Quizvraag

Slide 35 - Tekstslide

Slide 36 - Tekstslide

Meer lessen zoals deze

P1 WEEK 1 M4S - INFORMATIE TECHNOLOGIE

P1 WEEK 1 M4S - INFORMATICA

P1 WEEK 2 H5S - INFORMATICA

P1 WEEK 6 M4 - INFORMATIE TECHNOLOGIE

P1 WEEK 5 M4 - INFORMATIE TECHNOLOGIE

P1 Week 2

H5 P1 Les 2.2

H5 P1 Les 2.2