Les 5 - INFT PROGRAMMEREN
Lesson duration is: 70 minItems in this lesson
This item has no instructions
PROGAMMER LES 5
This item has no instructions
Overzicht Periode #
Thema:
Benodigde lesmaterialen:
This item has no instructions
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
minute
00
second
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: De basisstructuur van een HTML-pagina herkennen en toepassen door gebruik te maken van headings, lijsten en afbeeldingen.
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.
Waar hadden we de vorige les over?
This item has no instructions
HTML is een
Programmeertaal
Opmaaktaal
Javascript
Tomatensaus
This item has no instructions
Met HTML kan ik een ..... maken
This item has no instructions
Basisstructuur HTML
Bevat minimaal html, head en body
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.
open tag en sluit tag
<html> </html>
<head> </head>
<body> </body>
1
minute
00
second
Zoek uit waarom er een opentag en een sluittag is
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 komt er in head
titel van het tabblad
koppeling naar CSS
instellingen
en nog andere dingen
De <head> bevat informatie over de website.
Deze informatie zie je meestal niet direct op de pagina zelf.
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.
Head
Welke informatie zou nog meer in de head kunnen komen.
1
minute
00
second
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.
Body
In de body staat alles wat je WEL ziet op de website.
Bijvoorbeeld:
tekst
afbeeldingen
knoppen
lijsten
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.
Body
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.
Leg uit wat het verschil is tussen head en body en geef een voorbeeld
1
minute
00
second
This item has no instructions
ul, ol en li
ul staat voor unorderd list
ol staat voor orderd list
li staat voor list item
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.
Doe mee met de docent (ul en ol)
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)
Opdracht: Maak jouw eerst C.V.
boven aan komt C.V. als heading 1
daarna een horizontale streep
Daarna komt jouw NAW (naam, tel, email, adres, woonplaats enz)
20
minute
00
second
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
minute
00
second
Stuur jouw eerste C.V. 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
minute
00
second
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?
Een programmeertaal voor games
Een taal om websites structuur te geven
Een app om websites te ontwerpen
Een database
This item has no instructions
Wat doet een HTML-tag?
Het slaat gegevens op
Het maakt een website sneller
Het geeft aan wat er op de pagina staat
Het maakt kleuren op de pagina
This item has no instructions
Welke tag gebruik je voor een kop?
<p>
<h1>
<a>
<title>
This item has no instructions
Welke code maakt een link?
<p>www.google.nl</p>
<a href="https://www.google.nl">Google</a>
<link>Google</link>
<h1>Google</h1>
This item has no instructions
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
This item has no instructions
Vertel wat er beter kan in de les, voel je dat je vandaag iets hebt geleerd?
This item has no instructions
Eindslide.
Beter worden doe je
door te oefenen en
vooral fouten maken.
This item has no instructions
