Het is een hele stap om van leren naar toepassen te gaan, zoals je al ervaren hebt in de vorige challenge. Waar het in de modules gaat om het aanleren van kennis en vaardigheden, gaat het er in een challenge om deze toe te passen in een prakijksituatie. Een challenge is niet zomaar een opdracht om te doen, maar een kans om al je creativiteit en kunde te showen.

Ook deze keer doen we een individuele challenge en je zult voor een groot deel worden begeleid in de te volgen stappen. Wat nieuw is in deze challenge is dat we met userstories gaan werken. Daarover later meer.

Om deze challenge succesvol te kunnen afronden, heb je de kennis en de vaardigheden nodig uit deze challenges:

• Devops
• Denken Als een Programmeur 1 & 2
• Frontend Basic, Essentials & Essentials 2
• MySQL Basic
• PHP Basic

Met je kennis van HTML/CSS, Javascript, MySQL en PHP ben je in staat om een BNB-site te programmeren.

Wat zijn BNB-sites? BNB staat (zoals je misschien weet) voor bed & breakfast. De bekenste BNB-site is Airbnb, zie Wikipedia.nl - Airbnb, maar surf maar eens op bed and breakfast en je vindt er talloze.

Ook deze keer werk je op je persoonlijke Github-account. Dat is de werkwijze die de meeste professionals hanteren. Ook kan een geïnteresseerde werkgever of stagebegeleider aan jouw code op Github zien wat je allemaal kunt.

Als deze challenge hebt afgerond, neem je die op in je portfolio.

In de vorige challenge hebben we je precies verteld wat je moest programmeren. In deze challenge gaat het anders. Je krijgt een aantal userstory's van een klant. Een userstory is een korte beschrijving (story) van wat een gebruiker (user) wil. Een userstory bestaat uit enkele zinnen gewone spreektaal. Userstory's worden gebruikt binnen softwaredevelopment als een manier om de requirements te beschrijven. Hierin zegt men 'wie', 'wat', 'waarom' wil. Userstory's zijn niet al te specifiek en moeten passen op een post-it. Hiermee zegt de gebruiker welke functionaliteit hij of zij wenst in software.

Het is aan jou om de userstory's te vertalen in functionaliteit en ontwerp.

• Ik wil een One-Page-Webapplicatie waarop mijn vier huizen getoond worden, in tekst en in beeld.
• Ik wil op een kaart van Nederland de locaties van de vier huizen kunnen zien
• Ik wil een huis kunnen reserveren voor een bepaald aantal dagen, aantal personen en met eventueel extra faciliteiten.
• Ik wil een totaaloverzicht kunnen bekijken van de bestelde faciliteiten met een totaalprijs
• Ik wil dat de verschillende faciliteiten van de huizen in een helder overzicht getoond kunnen worden.
• Ik wil een gemakkelijk filter waarmee ik kan filteren op faciliteiten.
• Ik wil de filters kunnen resetten
• Ik wil een website met een modern uiterlijk.
• Ik wil de volgende kleuren terugzien op de site: Coolors, waarbij #fff ook is toegestaan.

Zoals in elke challenge, werk je volgens de 7 stappen. Je begint bovenaan met het onderdeel plannen en gaat dan met de klok mee tot je de challenge hebt afgerond.

Deze stappen zet je nu voor de tweede keer. Daarom is het belangrijk dat je in deze challenge steeds terugkijkt naar de vorige. Dus als je bezig bent met het Plannen, kijk je terug naar de stap plannen in de eerste challenge. Wat is er dit keer anders? Is er meer of minder werk? Daarop baseer je de planning van deze challenge. Hetzelfde geldt voor de andere stappen.

Aan het eind van de challenge evalueer je of je planning realistisch was. Dit doe je ook voor de andere zes stappen.

🚀 TIP: Je zult in deze Challenge documenten opleveren in het Markdown formaat. Dit is hetzelfde formaat als waar de uitleg bij de modules wordt geschreven. Check de link om te lezen hoe Markdown werkt en hoe je, als je dat wilt, de documenten anders kan vormgeven.

1. 🕐 Stap 1 - Plannen
   • zie 📜README
   • Een Planning uitgewerkt in het ✏️student-planning.md Markdown document
2. 🎨 Stap 2 - Ontwerpen
   • zie 📜README
   • Een boomstructuur uitgewerkt in 🎨student-boomstructuur.drawio.png
   • Een wireframe uitgewerkt in 🎨student-wireframe.drawio.png
3. 🚧 Stap 3 - Realiseren
   • zie 📜README
   • Een BNB-site website uitgewerkt in de BNB-site-map en live gezet via Github Pages. Zie de Technische Eisen.
4. 📋 Stap 4 - Testen
   • zie 📜README
   • Een lijst met issues uitgewerkt in ✏️student-issues.md
5. 📈 Stap 5 - Presenteren
   • zie 📜README
   • Een lijst met feedbackpunten uitgewerkt in ✏️student-feedback.md
6. ✅ Stap 6 - Verbeteren
   • zie 📜README
   • Een lijst met punten die je verbeterd hebt uitgewerkt in ✏️student-changes.md
7. 💭 Stap 7 - Reflecteren
   • zie 📜README
   • Een kort verslag waarin je reflecteert op je eigen werk en proces tijdens deze Challenge uitgewerkt in ✏️student-reflectie.md
8. 💬 Stap 08 - Eindgesprek
   • zie 📜README◙