INSTRUCTIONS.md

Your Tribe for Life squad page

Ontwerp en maak met een team een overzicht van jouw tribe met alle online visitekaartjes, op basis van een headless CMS en een framework.

Context

Deze leertaak hoort bij sprint 13: Your Tribe for Life. Dit is een autonome opdracht die je in een team uitvoert voor jouw eigen tribe bij FDND.

Doel van deze opdracht

• Je leert werken met de backlog van een project op GitHub
• Je leert hoe je een data model ontwerpt, dit vertaalt naar een content strucutuur in een Headless CMS
• Je leert hoe je de endpoints van het Headless CMS kan ontsluiten in een framework en hoe je vervolgens de data kan renderen in een website

Werkwijze

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:

1. 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.
2. Ontwerpen - bijvoorbeeld: het maken van idee-schetsen, customer journey, breakdown chart, wireflows, navigatiestructuur en layout.
3. Bouwen - bijvoorbeeld: toepassen van webtechnologie (HTML, CSS, JS), gebruik van tooling, werken volgens conventies en wetgeving, documenteren en bijhouden van een changelog.
4. Integreren - bijvoorbeeld: publiceren, live zetten, uploaden naar de server, toevoegen in een bestaand systeem, ftp-en.
5. Testen - bijvoorbeeld: Unit testing (TDD), System test, User test, device lab test, A\B testing.

Aanpak

1. Kies een user story uit de backlog van het project waar je aan gaat werken. De projecten staan bij FDND Agency.
2. Fork deze leertaak repository
3. Hou je proces bij in de Wiki van de geforkte repository
4. En schrijf een goede readme

Materiaal

1. Tribe Backlog
2. Voorbeeld website: skateboards
3. Voorbeeld repository: skateboards
4. Interactive tutorial @ learn.svelte.dev
5. Svelte getting started @ MDN
6. Get Started with Svelte @ Prismic.io
7. Set up slicemachine @ Prismic.io (thanks @mcphendriks!)

Definitions of Done

Focus sprint 13 - Je hebt al een basis social network voor jouw squad. Breid dit social network uit naar een platform waarop de tribe members elkaar kunnen vinden en ondersteunen. In ieder geval gedurende het begin van jullie carriere als frontend designer & developer.

De focus ligt op team building, samenwerken en hoe je frameworks inzet om een gezamenlijk doel te bereiken én in contact te blijven.

• Je hebt gewerkt volgens de verschillende fases van de development-lifecycle en je hebt je werk gedocumenteerd in de Readme en Wiki
• Je toont aan dat je in de analysefase verschillende methoden en technieken hebt ingezet om te inventariseren wat er moet gebeuren
• Je toont aan dat je in de ontwerpfase verschillende methoden en technieken hebt ingezet die ervoor zorgen dat je precies weet wat je moet bouwen
• Je toont aan dat je in de bouwfase verschillende methoden en technieken hebt ingezet om het ontwerp te realiseren
• Je toont aan dat je in de integratiefase verschillende methoden en technieken hebt ingezet om je website live te zetten
• Je toont aan dat je in de testfase verschillende methoden en technieken hebt ingezet om het ontwerp te testen en verbeteren
• De code staat op Github en heeft een live url