| J-P-W-L | Tekst | |
|---|
| 1-2-1-1 |
De student kan bestaande portfolio websites onderzoeken en inspiratiebronnen verzamelen. |
Bewerken |
| 1-2-1-1 |
De student kan onderdelen selecteren uit verschillende websites en onderbouwen waarom deze geschikt zijn voor het eigen portfolio. |
Bewerken |
| 1-2-1-1 |
De student kan de verzamelde onderdelen met onderbouwing verwerken in een Word-document als bijlage voor het functioneel ontwerp. |
Bewerken |
| 1-2-2-1 |
De student kan een sitemap ontwerpen die de structuur van het eigen portfolio weergeeft. |
Bewerken |
| 1-2-2-1 |
De student kan wireframes ontwerpen op basis van het eerder uitgevoerde onderzoek. |
Bewerken |
| 1-2-2-1 |
De student kan controleren of de sitemap overeenkomt met de gemaakte wireframes. |
Bewerken |
| 1-2-2-1 |
De student kan geschikte tools (zoals PowerPoint) gebruiken voor het ontwerpen van de sitemap en wireframes. |
Bewerken |
| 1-2-3-1 |
De student kan een passend kleurenschema onderzoeken en documenteren in het functioneel ontwerp. |
Bewerken |
| 1-2-3-1 |
De student kan geschikte lettertypes en groottes onderzoeken en vastleggen in het functioneel ontwerp, inclusief toepassing op specifieke elementen. |
Bewerken |
| 1-2-3-1 |
De student kan professionele en kwalitatieve teksten schrijven voor de portfolio website (bijvoorbeeld introductie, projecten, contactgegevens, social media). |
Bewerken |
| 1-2-3-1 |
De student kan bepalen op welke manier de teksten worden gepresenteerd op de website (toon, stijl, plaatsing). |
Bewerken |
| 1-2-4-1 |
De student kan afbeeldingen verzamelen die passend zijn voor gebruik in het portfolio. |
Bewerken |
| 1-2-4-1 |
De student kan een mockup ontwerpen van alle pagina’s van het portfolio. |
Bewerken |
| 1-2-4-1 |
De student kan het kleurenschema, de webtypografie, afbeeldingen en teksten verwerken in de mockup |
Bewerken |
| 1-2-5-1 |
De student kan een GitHub-repository aanmaken en het project daarin plaatsen. |
Bewerken |
| 1-2-5-1 |
De student kan de mockup gebruiken om de benodigde HTML-elementen voor de eerste pagina in kaart te brengen. |
Bewerken |
| 1-2-5-1 |
De student kan de vlakverdeling van de mockup omzetten naar HTML-code. |
Bewerken |
| 1-2-5-1 |
De student kan CSS toepassen om HTML-elementen correct te positioneren. |
Bewerken |
| 1-2-5-1 |
De student kan de eerste pagina voorzien van kleuren, afbeeldingen en teksten, zodat deze aansluit bij de mockup. |
Bewerken |
| 1-2-6-1 |
De student kan ontvangen feedback van de docent verwerken in het functioneel ontwerp. |
Bewerken |
| 1-2-6-1 |
De student kan het functioneel ontwerp verbeteren op basis van de feedback. |
Bewerken |
| 1-2-6-1 |
De student kan minimaal twee werkende pagina’s van de portfolio website realiseren. |
Bewerken |
| 1-2-7-1 |
De student kan opbouwende en respectvolle feedback geven op het werk van medestudenten. |
Bewerken |
| 1-2-7-1 |
De student kan feedback van medestudenten ontvangen en toepassen in de eigen website. |
Bewerken |
| 1-2-7-1 |
De student kan reflecteren op zowel het geven als ontvangen van feedback. |
Bewerken |
| 1-2-8-1 |
De student kan alle pagina’s van het portfolio volledig uitwerken volgens het functioneel ontwerp en de mockup. |
Bewerken |
| 1-2-8-1 |
De student kan consistentie in kleur, typografie, afbeeldingen en teksten waarborgen in het gehele portfolio. |
Bewerken |
| 1-2-8-1 |
De student kan de technische werking en vormgeving van de website controleren en verbeteren waar nodig. |
Bewerken |
| 1-2-9-3 |
Eindbeoordeling |
Bewerken |
| 1-4-2-1 |
De student kan een eerste portfolio‑pagina ontwerpen en bouwen met behulp van een gekozen CSS‑framework |
Bewerken |
| 1-4-2-1 |
De student kan responsive ontwerpprincipes toepassen (o.a. grid, flexbox, breakpoints van framework) |
Bewerken |
| 1-4-2-1 |
De student kan de website testen op verschillende devices en verbeterpunten herkennen" |
Bewerken |
| 1-4-3-1 |
Leerdoelen worden afgestemd op de behoefte en interesses van de klas |
Bewerken |
| 1-4-4-1 |
De student kan de huidige stand van het portfolio presenteren aan de docent en klasgenoten |
Bewerken |
| 1-4-4-1 |
De student kan feedback verzamelen, analyseren en vertalen naar concrete verbeteracties |
Bewerken |
| 1-4-4-1 |
De student kan eigen ontwerpkeuzes onderbouwen op basis van best practices in webdesign" |
Bewerken |
| 1-4-5-1 |
De student kan opbouwende en respectvolle feedback geven op het werk van medestudenten |
Bewerken |
| 1-4-5-2 |
De student kan feedback van medestudenten ontvangen en toepassen in de eigen website |
Bewerken |
| 1-4-5-2 |
De student kan reflecteren op zowel het geven als ontvangen van feedback |
Bewerken |
| 1-4-6-1 |
De student kan ontbrekende content aanvullen en alle pagina’s afronden op basis van de criteria voor de eindopdracht |
Bewerken |
| 1-4-6-1 |
De student kan code opschonen en optimaliseren (bestandstructuur, naming conventions, herbruikbare componenten) |
Bewerken |
| 1-4-6-1 |
De student kan aandacht besteden aan UX‑details zoals navigatie, leesbaarheid en consistentie in layout |
Bewerken |
| 1-4-7-1 |
Geen leerdoelen, beoordeling vindt plaats |
Bewerken |