Let’s begin!¶
User stories¶
Een user story is een informele, algemene uitleg van een softwarefunctie, geschreven vanuit het perspectief van de eindgebruiker of klant. Omdat jij de gebruiker van je eigen portfoliowebsite bent, hebben we de user stories vanuit je eigen perspectief geschreven.
Hier een aantal die je vandaag kan proberen uit te werken. Voor je begint met het uitwerken, neem eerst de learning stories door omdat die je gaan uitleggen hoe je het moet doen.
- Ik wil een beschrijving geven van mijzelf zodat mensen weten wie en hoe ik ben
- Ik wil een foto van mijzelf toevoegen zodat mensen weten hoe ik eruitzie
- Ik wil een knop maken
- Ik wil een link maken waarmee ik makkelijk naar mijn socials kan gaan
- Ik wil een teller met het aantal likes dat mijn portfolio heeft gekregen
- Ik wil dat als ik op de knop druk, de teller omhoog gaat
- Ik wil dat het aantal likes onthouden wordt als ik de pagina herlaad
Learning stories¶
De learning stories leggen uit hoe je een taak kan tackelen. Meestal bevatten ze een korte beschrijving en links naar materiaal dat het proces toelicht.
- Hoe leer ik de basis van HTML en CSS?
- Hoe maak ik een HTML link aan?
- Hoe maak ik een CSS stylesheet aan, die ik met HTML kan linken?
- Hoe voeg ik een plaatje toe aan mijn pagina?
- Hoe maak ik een knop aan?
- Hoe maak ik een JavaScript bestand aan, en koppel ik deze aan een HTML pagina?
- Hoe kan ik een HTML element ophalen met JavaScript?
- Hoe kan ik JavaScript code uitvoeren als er op een knop gedrukt wordt?
- Hoe maak ik een variabel voor een getal, en zorg ik ervoor dat de waarde verandert?
- Hoe kan ik de tekst van een HTML element aanpassen met JavaScript?
- Hoe gebruik ik LocalStorage met JavaScript om gegevens te bewaren?
Bronnen¶
Overigens is dit materiaal niet verplicht, maar we raden het je wel sterk aan.
- Knowledgebase HBO-ICT. Als eerste bron, kan je de HBO-ICT Knowledgebase raadplegen. Hier staat al het materiaal dat je nodig hebt om te leren hoe je websites bouwt. Zoek voor HTML en CSS, kies wat er beste bij je past en ga lekker aan de slag!
- W3Schools HTML Tutorial. Prima HTML tutorial voor de starter met bij ieder topic voorbeelden en kleine oefeningen. Tevens een handig naslagwerk.
- W3Schools CSS Tutorial. Prima CSS tutorial voor de starter met bij ieder topic voorbeelden en kleine oefeningen. Tevens een handig naslagwerk voor als je meer ervaren bent.
- A Complete Guide To Flexbox. Handige website over de CSS Flexbox voor als je de video courses hiervoor al hebt gevolgd.
- W3Schools JavaScript Tutorial. Een JavaScript tutorial voor beginners, met bij ieder onderdeel voorbeelden en kleine oefeningen.
- W3Schools LocalStorage Tutorial. Dit specifieke onderdeel van de W3Schools JavaScript Tutorial gaat in op ‘LocalStorage’.
Tips voor je begint¶
Neem de tijd! Ga rustig door de stof heen om het beter te begrijpen en begin dan pas.
Vraag de studentmentoren om hulp! Ze zijn er om jou en de andere studenten te ondersteunen. De docenten zullen waarschijnlijk druk bezig zijn met het helpen van de studenten.