Les 4 - INFT PROGRAMMEREN

• New lesson editor
• Informatica
• Middelbare school
• vmbo
• Leerjaar 1,2,4,5,6

PROGAMMER LES 3

Overzicht Periode #

• Thema:

• Benodigde lesmaterialen:

              Startklaar

• Op je plek zitten 

• Telefoon in het Zakkie 
  

• Jas over de stoel, oortjes in de tas, tas op de grond

• Schoolspullen op tafel: Boek, Chromebook, JdW-map, etui 

3

m

00

s

+30 s

1. Startklaar

Bij de start van iedere les verwelkomt de docent de leerlingen bij de ingang van de deur, noemt leerlingen bij naam, maakt oogcontact en besteedt aandacht aan hun welbevinden. De docent geeft het goede voorbeeld en spreekt hoge verwachtingen uit voor het verloop van de les door succescriteria op gewenst gedrag, schooltaal en effectief leren te benoemen. De leerlingen zijn startklaar: ingelogd in LessonUp, telefoons opgeborgen in het Zakkie, en JdW-map op tafel.

           Lesdoel

jij kan: 

Uitleggen wat HTML is en met behulp van eenvoudige HTML-tags een simpele webpagina opbouwen met een titel, een kop en een stukje tekst.

3. Leerdoelgericht werken

De docent geeft het onderwerp, RTTI geformuleerde leerdoelen en de lesopbouw aan. De docent weet de leerdoelen goed te laten aansluiten bij de voorkennis en het (taal)niveau van de leerlingen. Gedurende de les wordt continu een terugkoppeling naar de leerdoelen gemaakt om de mate van beheersing te controleren.   

Wat is volgens jou programmeren?

HTML

• Is geen programmeertaal

• Het is een opmaaktaal

• Hiermee kan je websites maken

• Het werkt met html-tags

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Van HTML tags naar Website

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Ontdekken

5

m

00

s

+30 s

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Wat heb je ontdekt

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Zelf jouw eerste website maken

Voor dat we beginnen moet je weten met welke programma kan je een eigen website maken.

• Zoek eerst samen (duo) op internet welke programma je daarvoor kan gebruiken

2

m

00

s

+30 s

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Welke programma kan je gebruiken

om een website te maken?

1

m

00

s

+30 s

HTML tags

• HTML-tags zijn codes die de browser vertellen wat er op de pagina komt

• Ze staan tussen < > tekens

• Meestal werken ze in een begin- en eindtag
  → voorbeeld: <p>Dit is tekst</p>

• Ze geven structuur aan een webpagina

• Voorbeelden van tags:

  • <h1> = kop

  • <p> = paragraaf

  • <a> = link

• Sommige tags bevatten inhoud (tekst)

• Samen vormen alle tags de opbouw van een website

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Kijk mee hoe ik een website maak

• Hiervoor gaan wij visual code gebruiken (https://vscode.dev)

• Kijk naar hoe de docent HTML-code gaat schrijven

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Nu moeten jullie een maken

• Hiervoor gaan wij visual code gebruiken (https://vscode.dev)

15

m

00

s

+30 s

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Presenteer jouw website

1

m

00

s

+30 s

Stuur jouw website via teams naar mij

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Leerproces verwerken in portfolio

Verwerk alles wat je vandaag hebt geleerd in jouw portfolio

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Werken aan jouw portfolio

Start met een nieuw portfolio

beschrijf alles wat je vandaag hebt geleerd volgens het portfolio format.

20

m

00

s

+30 s

4. Inclusieve didactiek

De docent past diverse strategieën toe om de betrokkenheid van alle leerlingen te garanderen. Door regelmatig het begrip van de lesstof te controleren en zo nodig de uitleg aan te passen, blijft de stof toegankelijk voor iedereen. Flexibele en heterogene differentiatie ondersteunt dit proces. Interactie in de klas wordt versterkt door het gebruik van thuistalen. Verder creëert de docent een contextrijke en inclusieve leeromgeving door (culturele) achtergronden in de lesstof te integreren. Door positief en proactief op leerlinggedrag te reageren, wordt het voor leerlingen makkelijker om gewenst gedrag te tonen en actief deel te nemen aan de les.

Wat is HTML?

A

Een programmeertaal voor games

B

Een taal om websites structuur te geven

C

Een app om websites te ontwerpen

D

Een database

Wat doet een HTML-tag?

A

Het slaat gegevens op

B

Het maakt een website sneller

C

Het geeft aan wat er op de pagina staat

D

Het maakt kleuren op de pagina

Welke tag gebruik je voor een kop?

A

<p>

B

<h1>

C

<a>

D

<title>

Welke code maakt een link?

A

<p>www.google.nl</p>

B

<a href="https://www.google.nl">Google</a>

C

<link>Google</link>

D

<h1>Google</h1>

           Afsluiting

• Sla het werk op

• Heb je nog niet alles kunnen verwerken in jouw portfolio dan is dat als huiswerk om het af te maken

• Wat heb je vandaag geleerd (2 minuten voor je zelf) daarna samen bespreken

8. Afsluiting

De docent controleert in de slotfase van de les of de leerdoelen door alle leerlingen behaald zijn en plaatst de les in de context van de betreffende periode. De docent evalueert samen met de leerlingen het leren en het gedrag en blikt vooruit aan de hand van de JdW-planner. 

           Begrippen
           uit deze les

• var en const

• Datatype

• boolean

• if else

• javascript

• Python

• Inspringen

• opmaaktaal

• HTML

• programmeertaal

• HTML-tags

Vertel wat er beter kan in de les, voel je dat je vandaag iets hebt geleerd?

Eindslide.

Beter worden doe je

door te oefenen en 

vooral fouten maken.