Initial commit

.description

@@ -0,0 +1,22 @@
+---
+title: "task title"                 # Same as repo name but with spaces and caps
+subtitle: "descriptive title"       # A descriptive title for this specific task
+client: "The client name"           # Name of the client for this task
+description: "short description"    # Max. 280 characters in description
+semester: 1-4                       # Please choose only one semester
+sprint: 1-18                        # Please choose only one sprint
+support-level: 1-5                  # 1:example 2:duplicate 3:experiment 4:extension 5:autonomous
+behavior-criteria:                  # These criteria determine the skill level of a task
+  collaboration: 0-6                # compared to the whole curriculum on a 6 point scale.
+  learning-capacity: 0-6            # Make sure you understand the levels before changing
+  problem-solving: 0-6              # these in a task. In general 0-2 will be used for tasks
+  act-methodically: 0-6             # in semester 1 (static web), 3-4 for tasks in semester 2
+  communicating: 0-6                # (data driven), 5-6 for tasks in semester 3 (wtf?!).
+collaborators: 1-8                  # How big is the team with wich to adress this task.
+tags:                               # tags can be used to categorize tasks, can be anything
+  - list                                        
+  - of
+  - usefull
+  - tags
+burn-points: 1,2,3,5,8,13,21,34,55,89,144  # burn-points determine the weight of a task
+---

README.md

@@ -0,0 +1,33 @@
+> _Fork_ deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: [docs/INSTRUCTIONS.md](docs/INSTRUCTIONS.md)
+
+# Titel
+<!-- Geef je project een titel en schrijf in één zin wat het is -->
+
+## Inhoudsopgave
+
+  * [Beschrijving](#beschrijving)
+  * [Kenmerken](#kenmerken)
+  * [Installatie](#installatie)
+  * [Gebruik](#gebruik)
+  * [Bronnen](#bronnen)
+  * [Licentie](#licentie)
+
+## Beschrijving
+<!-- In de Beschrijving staat hoe je project er uit ziet, hoe het werkt en wat je er mee kan. -->
+<!-- Voeg een mooie poster visual toe 📸 -->
+<!-- Voeg een link toe naar Github Pages 🌐-->
+
+## Kenmerken
+<!-- Bij Kenmerken staat welke technieken zijn gebruikt en hoe. Wat is de HTML structuur? Wat zijn de belangrijkste dingen in CSS? Wat is er met Javascript gedaan en hoe? Misschien heb je een framwork of library gebruikt? -->
+
+## Installatie
+
+## Gebruik
+
+## Bronnen
+
+## Licentie
+
+![GNU GPL V3](https://www.gnu.org/graphics/gplv3-127x51.png)
+
+This work is licensed under [GNU GPLv3](./LICENSE).

docs/INSTRUCTIONS.md

@@ -0,0 +1,190 @@
+De conventie voor naamgeving is opdrachtgever-opdracht-ondersteuningsniveau
+
+Topics: opdrachtgever-naam, semester-naam, sprint-naam, niveau-naam
+
+# {Naam}
+
+{Beschrijving van de leertaak}.
+
+## Context
+*Bij welke sprint hoort deze leertaak en welk niveau heeft deze leertaak.*
+
+Deze leertaak hoort bij {sprint # "titel van de sprint"}. Dit is een {niveau van de opdracht} die je {individueel, in team} uitvoert voor {opdrachtgever}
+
+
+## Briefing
+*In de briefing staat wat de opdracht is en wat de opdrachtgever wil.*
+
+{Beschrijf de opdrachtgever}
+{Beschrijf de opdracht}
+
+## Doel van deze opdracht
+*Wat leer je in deze taak.*
+
+{beschrijf de taak in actieve taal: Je leert hoe...}
+
+<table>
+    <tr>
+        <td colspan="4"><b>Week 1</b></td>
+    </tr>
+    <tr>
+        <td>Maandag</td>
+        <td>{datum}</td>
+        <td>13:00 uur *</td>
+        <td>Briefing</td>
+    </tr>
+    <tr>
+        <td>Dinsdag</td>
+        <td>{datum}</td>
+        <td>13:00 uur *</td>
+        <td>Debriefing</td>
+    </tr>
+    <tr>
+        <td colspan="4"><b>Week 2</b></td>
+    </tr>
+    <tr>
+        <td>Dinsdag, woensdag of donderdag</td>
+        <td>{datum}</td>
+        <td>13:00 uur *</td>
+        <td>Feedbacksessie</td>
+    </tr>
+    <tr>
+        <td colspan="4"><b>Week 3</b></td>
+    </tr>
+    <tr>
+        <td>Donderdag</td>
+        <td>{datum}</td>
+        <td>13:00 uur *</td>
+        <td>Oplevering</td>
+    </tr>
+</table>
+* vanaf 13:00 uur
+
+## Werkwijze
+*De werkwijze volgt de fasering van de Development Life Cycle.*
+
+{geef de opdracht, in meer of mindere mate van sturing afhankelijk van het niveau van de taak}
+
+Deze opdracht gaat over alle fases van de DLC [analyseren](#analyseren), [ontwerpen](#ontwerpen), [bouwen](#bouwen), [integreren](#integreren) en [testen](#testen).
+
+### Analyseren
+*In de analysefase inventariseer je wat er moet gebeuren om een taak uit te voeren.*
+
+<details>
+<summary>Aanpak</summary>
+
+1. {geef de stappen}
+2. {die in deze fase}
+3. {doorlopen worden}
+
+#### Materiaal analysefase
+
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+
+</details>
+
+### Ontwerpen
+*In de ontwerpfase neem je ontwerpbeslissingen en zorg je dat je precies weet wat je moet gaan bouwen.*
+
+<details>
+<summary>Aanpak</summary>
+
+1. {geef de stappen}
+2. {die in deze fase}
+3. {doorlopen worden}
+
+#### Materiaal ontwerpfase
+
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+
+</details>
+
+### Bouwen
+*In de bouwfase realiseer je de beslissingen uit de ontwerpfase.*
+
+<details>
+<summary>Aanpak</summary>
+
+1. {geef de stappen}
+2. {die in deze fase}
+3. {doorlopen worden}
+
+#### Materiaal bouwfase
+
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+
+</details>
+
+### Integreren
+*In de integratiefase voer je de aanpassingen door zodat iedereen ze kan zien.*
+
+<details>
+<summary>Aanpak</summary>
+
+1. {geef de stappen}
+2. {die in deze fase}
+3. {doorlopen worden}
+
+#### Materiaal integratiefase
+
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+
+</details>
+
+### Testen
+*In de testfase controleer je of jouw aanpassingen werken zoals bedoeld.*
+
+<details>
+<summary>Aanpak</summary>
+
+1. {geef de stappen}
+2. {die in deze fase}
+3. {doorlopen worden}
+
+#### Materiaal testfase
+
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+- [Resource](https://example.com)
+
+</details>
+
+## Criteria
+*Definitions of done*
+
+{beschrijf de definitions of done}
+
+Focus sprint 1 - De focus in deze sprint ligt op kennismaken, samenwerken en hoe je interface en vormgevingsprincipes kan toepassen voor een responsive design. Hoe gaan werken we bij FDND, wat wordt er van de student verwacht, welke mindset is nodig. Succes ervaren.
+
+Focus sprint 2 - De focus in deze sprint ligt op het maken van een opdracht voor een opdrachtgever en het presenteren van het resultaat.Kennismaken met het vakgebied, communiceren en presenteren. Hoe kom je over bij je opdrachtgever. Durfen.
+
+Focus sprint 3 - De focus in deze sprint ligt op gebruiksvriendelijkheid, toegankelijkheid, testen en de testresultaten gebruiken voor het verbeteren van een ontwerp. Je maakt iets voor een mens. Praten met een mens, doorvragen, protoypen en testen en resultaten gebruiken.
+
+Focus sprint 4 - De focus in deze sprint ligt op het toepassen van een huisstijl en maken van formulieren. Living styleguide en Atomic design, Animeren, Toegankelijke formulieren.
+
+Focus sprint 5 - De focus van deze sprint ligt op navigatie en informatie architectuur van een website. Organiseren en structureren van informatie, Design Patterns toepassen, Navigatie, filteren en zoekstrategieën, Micro Interacties.
+
+Focus sprint 6 - De focus van deze sprint ligt op werkwijze, samenwerken. Toepassen wat je al hebt geleerd. Er achter komen dat je een bedrijf kan helpen en advies kan geven over verschillende frontend zaken zoals navigatie, toegankelijkheid, interface design.
+
+Focus sprint 7 - De focus in deze sprint ligt op team building, samenwerken en hoe je een dynamische website kan maken waar bezoekers ook iets achter kunnen laten.	Het doel van deze sprint is binding tussen studenten creeeren. Met deze squad ga je het doen! Samen studeren, leren en elkaar helpen. En iets gezamenlijks maken met een database dingen. Een sneak peak naar de rest van het semester.
+
+Focus sprint 8 - De focus van deze sprint ligt op het maken van een opdracht voor een opdrachtgever, leren hoe je externe data kan laden en presenteren. Je hebt data, die ga je laden en tonen, zodat iemand daar iets mee kan doen.
+dat betekent veel voor de interfcace, het laden van de data kost tijd en de data kan veranderen, hoe toon je dat en hoe zorg je dat je gebruiker 'controle' ervaart.
+
+Focus sprint 9 - De focus van deze sprint ligt op gebruiksvriendelijkheid, toegankelijkheid, testen en de testresultaten gebruiken voor het verbeteren van een ontwerp. Server site rendering leren. Progressive enhancement leren. Core functionaliteit kunnen bepalen en implementeren				
+
+Focus sprint 10 - De focus van deze sprint ligt op het beter en sneller laten werken van een applicatie, ook als er geen verbinding is met het internet.
+
+Focus sprint 11 - De focus van deze sprint ligt op het maken van multi-user omgeving door het opzetten van een real-time verbinding tussen client en server. Job Stories, wireflowing, realtime en data management.
+
+Focus sprint 12 - De focus van deze sprint ligt op werkwijze en samenwerken, en hoe je een opdrachtgever kan helpen met het uitwerken van een concept. Iteratief (samen) werken: prototypen en testen om een concept te realiseren.
+
+