WK74

Voorkennis

sql queries, php

Dit ga je leren

Verschillend frontend-technieken (CSS) combineren in één applicatie

Optimaal gebruikmaken van functies en dry code

Benodigheden

Hier vind je het sql-bestand voetbal.sql met informatie over het nederlandse voetbalteam van het WK74
Hier zie je een voorbeeld van het eindresultaat dat je moet gaan maken.
Hier een zip-bestand met afbeeldingen die zijn gebruikt

Maak een pagina 'index.php'. Op deze pagina is een overzicht van alle voetballers te zien.
De vormgeving mag je zelf bepalen, maar ga eerst voor functionaliteit (zorgen dat het werkt) en maak het daarna mooier (opmaak met css e.d.)

Maak een nieuwe pagina met een formulier zodat je voetballers toe kunt voegen aan de selectie.
Voeg de volgende spelers toe:
- Piet Keizer - Een legendarische speler van Ajax, maar hij had conflicten met de bondscoach en speelde minder wedstrijden dan zijn talent deed vermoeden.
- Coen Moulijn - Een Feyenoord-legende die al wat ouder was tegen 1974 en daardoor niet in de selectie stond.
- Tonny van Leeuwen - Een zeer getalenteerde keeper die vanwege een tragisch ongeluk nooit de kans kreeg om op het hoogste niveau voor Oranje te spelen.
- In de map 'images' vind je de afbeeldingen van de spelers.

Maak een nieuwe pagina met een formulier zodat je gegevens van voetballers kunt wijzigen.
Verander de naam van Wim van Hanegem in Willem van Hanegem
Rob Rensebrink wil liever Robbie Rensebrink genoemd worden. Pas deze naam ook aan.

Maak gebruik van include en/of een trigger-functie om herhaling in je code zo veel mogelijk te voorkomen.

Bewaar alle style-informatie in een extern css-bestand.
Zorg er met een php-functie voor dat de kleur van de menu-items veranderd als je naar een pagina navigeert waar je een speler kan toevoegen of aanpassen.

Gebruik javascript om de formulier-input te controleren en feedback te geven aan de gebruiker.
Grebruik AJAX-requests om onderdelen van de pagina's te updaten in plaats van de gehele pagina te laden.