Ontwerp en maak een component / website voor een bedrijf en presenteer het resultaat.
Deze leertaak hoort bij sprint 2 The Client. Dit is een opdracht die je individueel uitvoert voor een opdrachtgever.
Bij deze leertaak hoort de deeltaak:
Je leert hoe je aan de hand van een user story een (gedeelte van een) website kan ontwerpen en bouwen.
Bij elke leertaak wordt de development-lifecycle doorlopen. Hierdoor ontwikkel je een standaard aanpak voor frontend praktijkvraagstukken, werk je systematisch aan leertaken, ervaar je de relevantie van het geleerde en verwerf je de kennis, houding en vaardigheden die de beroepspraktijk van je vraagt. De development lifecycle kent de volgende stappen:
- Analyseren - bijvoorbeeld: grip krijgen op een taak door gesprekken met een opdrachtgever, schrijven van een debriefing, maken van een todo lijst, inventarisatie van bestaande informatie, overzicht creëren, plannen, definition of done etc.
- Ontwerpen - bijvoorbeeld: het maken van idee-schetsen, customer journey, breakdown chart, wireflows, navigatiestructuur en layout.
- Bouwen - bijvoorbeeld: toepassen van webtechnologie (HTML, CSS, JS), gebruik van tooling, werken volgens conventies en wetgeving, documenteren en bijhouden van een changelog.
- Integreren - bijvoorbeeld: publiceren, live zetten, uploaden naar de server, toevoegen in een bestaand systeem, ftp-en.
- Testen - bijvoorbeeld: Unit testing (TDD), System test, User test, device lab test, A\B testing.
- Kies een user story uit de backlog van het project waar je aan gaat werken. De projecten staan bij FDND Agency.
- Fork deze leertaak
- Kopieer/plak de user story waar jij aan gaat werken naar de Wiki van de geforkte repository, dit ga je ontwerpen en maken
- Documenteer je proces a.h.v de development life cycle
- En schrijf een goede readme
Focus sprint 2: The client - De focus van deze sprint ligt op het maken van een opdracht voor een opdrachtgever en het presenteren van het resultaat.
Deze opdracht is done als:
- Je hebt gewerkt volgens de verschillende fases van de development-lifecycle
- Je hebt je werk gedocumenteerd in de Readme en Wiki (user story, ontwerpbeslissingen, schetsen en code voorbeelden)
- de website staat op Github en heeft een live url