Les 5 - INFT PROGRAMMEREN
Lesduur is: 70 minOnderdelen in deze les
Deze slide heeft geen instructies
PROGAMMER LES 5
Deze slide heeft geen instructies
Overzicht Periode #
Thema:
Benodigde lesmaterialen:
Deze slide heeft geen instructies
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
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?
Deze slide heeft geen instructies
HTML is een
Programmeertaal
Opmaaktaal
Javascript
Tomatensaus
Deze slide heeft geen instructies
Met HTML kan ik een ..... maken
Deze slide heeft geen instructies
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
m
00
s
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
m
00
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.
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
m
00
s
Deze slide heeft geen instructies
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
m
00
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
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
m
00
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?
Een programmeertaal voor games
Een taal om websites structuur te geven
Een app om websites te ontwerpen
Een database
Deze slide heeft geen instructies
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
Deze slide heeft geen instructies
Welke tag gebruik je voor een kop?
<p>
<h1>
<a>
<title>
Deze slide heeft geen instructies
Welke code maakt een link?
<p>www.google.nl</p>
<a href="https://www.google.nl">Google</a>
<link>Google</link>
<h1>Google</h1>
Deze slide heeft geen instructies
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
Deze slide heeft geen instructies
Vertel wat er beter kan in de les, voel je dat je vandaag iets hebt geleerd?
Deze slide heeft geen instructies
Eindslide.
Beter worden doe je
door te oefenen en
vooral fouten maken.
Deze slide heeft geen instructies
