Professional skills
Inleiding¶
Om te functioneren als een professional in de ICT moet je je kennis en vaardigheden kunnen toepassen in de praktijk. Wij noemen de combinatie van kennis, vaardigheden en attitude, oftewel houding, een competentie. De studie is zo opgebouwd dat je werkt aan het verwerven van alle competenties, elk jaar op een hoger niveau.
Voorbeelden van competenties zijn: planmatig werken, reflecteren, samenwerken, zelfsturing…
Vandaag hebben we een kleine taak gekozen die onder de competentie persoonlijk leiderschap valt.
Hoe ga ik dit leren?¶
Stap 1: Planning en content (15 minuten)¶
Maak eerst een visuele schets van je zelfportret als een template voor je portfolio website. Dit kan op papier zijn, of digitaal in een tool naar keuze. Focus op de layout en vormgeving, niet op de exacte tekst.
Je schets bevat de volgende onderdelen:
- Waar komt je naam te staan
- Waar plaats je een foto van jezelf
- Waar komen tekstblokken over je achtergrond, vooropleiding en motivatie
- Waar komen eventuele extra afbeeldingen
Tip voor digitale schets: Gebruik lorem ipsum als placeholder tekst. Het gaat om het ontwerp, niet om de definitieve content. Zorg dat je schets visueel aantrekkelijk is en duidelijk laat zien waar elk element komt te staan.
Stap 2: Project opzetten¶
Voordat je je content kunt omzetten naar een website, moet je eerst je project opzetten in Visual Studio Code.
👉 Volg nu het stappenplan om je project structuur aan te maken (HTML bestand, CSS bestand, images map, etc.)
Kom hierna terug naar deze pagina om verder te gaan met stap 3.
Stap 3: Omzetten naar HTML/CSS¶
Na het plannen van je content ga je deze omzetten naar een echte website:
- Sla je foto op in de
imagesmap van je project - Gebruik HTML om de structuur te maken:
- Je naam in een
<h1>tag - Elke paragraaf in een
<p>tag - Je foto met een
<img>tag - Gebruik CSS om de stijl aan te passen:
- Maak je naam groot en opvallend
- Positioneer en style je foto
- Kies passende kleuren en lettertypen
Tip: Kijk naar de user stories voor specifieke voorbeelden en uitleg!
Acceptatiecriteria¶
- Als eerste valt de foto van jezelf op
- Je naam is het meest duidelijk leesbaar
- Een paragraaf per onderdeel
- Een of meer afbeeldingen die je persoonlijkheid en achtergrond visueel overbrengen