1. novice
2. intermediate
3. advanced
4. expert
5. guru

• Je studentnummer
• Je voor en achternaam
• Je klas
• Het totaal aantal punten dat je hebt behaald.
• Voor elke opdracht het opdracht nummer en titel (bijvoorbeeld: 'js0101 - Welkom bezoeker 1')
• Geef tevens per opdracht een korte toelichting en behandel daarin de volgende punten:
  • Hoe heb je de opdracht aangepakt? Wat is je plan (stappenplan)?
  • Welke problemen verwachtte je voor het uitvoeren van de opdracht.
  • Welke oplossingen heb je bedacht voor de (deel)problemen.
  • Welke problemen ben je tegengekomen tijdens het uitvoeren en hoe heb je deze opgelost.
  • Wat heb je geleerd van deze opdrachten.
  • Of je de opdracht moeilijk of juist makkelijk vond en hoeveel tijd je eraan besteed hebt.

• Je hebt de opdrachten aangeleverd zoals hierboven staat aangeven (dus voor de deadline en in de juiste directory).
• Je documentatie of toelichting is kort en volledig (bevat de informatie die hierboven beschreven staan) en is tevens professioneel uitgevoerd (dus geen kromme zinsconstructies en spelfouten).
• Je bent in staat om zelfstandig het probleem te analyseren en te ontleden (het grote probleem opdelen in deelproblemen).
• Je bent in staat om zelfstandig een plan te maken, hoe je de opdracht en de probleemstelling aanpakt.
• Je bent in staat om zelfstandig problemen op te lossen die je tijdens het uitvoeren van de opdrachten tegenkomt.
• Je code is gestructureerd en verzorgd en bevat geen fouten.

• Het mailen van de opdrachten is niet mogelijk, ik kijk alleen naar de opdrachten die online staan, dus zorg ervoor dat je opdrachten in de juiste directory staan! Ik kijk alleen naar de directory zoals hierboven aangegeven.
• Je toelichting bij de opdracht is belangrijk, dat geeft mij inzicht in je denk en werkwijze. Zonder deze toelichting (per opdracht), word je met een onvoldoende beoordeeld.
• Je dient deze opdrachten zelfstandig uit te voeren. Plagiaat of het kopiëren van code van klasgenoten wordt aangegeven bij de examencommissie! Dit houdt niet in je niet mag samenwerken, maar zorg er dan wel voor dat je de stof goed begrijpt en dat je de opdrachten zelfstandig uitvoert, overleg dus eventueel met klasgenoten als je er niet uitkomt, maar kopieer nooit het werk van een ander! Je zit hier immers op school om te leren en van kopiëren leer je niets .

Maak voor 12 punten aan opdrachten

Opdracht 1: 2 punt
Je wil een website maken en deze website bestaat uit vier breede balken in de kleur van de huisstijl. Je wil graag deze kleuren eenvoudig kunnen aanpassen. Los dit als volgt op: Maak een array aan met daarin vier hexadecimale kleuren. Zorg dat bij het laden van de pagina er en tabel gemaakt wordt waarbij elke rij de op een volgende kleur uit de array krijgt.

Opdracht 1b: 3 punt
Nu wil de opdrachtgever dat de website door de bezoeker van uitstraling kan worden veranderd. De gebruiker kan doormiddel van een link kiezen of hij de pagina in groen tinten of in rood tinten wil bekijken.
Tip: Gebruik 2 functies. Als je de ene functie aanroept, wordt alles groen en bij de andere functie alles rood.

Opdracht 1c: 4 punt
Maak een tabel waarvan de achtergrond om en om is gekleurd. Vraag doormiddel van een prompt hoe veel rijen de tabel moet bevatten. Onafhankelijk van hoe groot de tabel wordt, worden de rijen in gekleurd, altijd om en om.

Opdracht 2: 3 punt
Je zou graag een overzicht willen hebben met alle email adressen van je vrienden. De volgende gegevens komen op de pagina: de naam en achternaam en het email adres. Deze gegevens verzamel je in verschillende array's. Deze staan boven in je code zodat je het makelijk kan aanpassen. Met behulp van een loop worden de namen en email adressen op het scherm geplaatst.

Opdracht 2b: 4 punt
Maak een combinatie tussen opdracht 2 en 1c. Nu komen in de om en om gekleurde rijen de adressen te staan.

Opdracht 3: 1 punt
Maak een html-pagina met een random plaatje. Gebruik een array om de verschillende links naar de verschillende plaatjes in op te slaan.

Opdracht 4: 1 punt
Maak een functie waarmee je een pop-up venster kan openen. Zorg ervoor dat je minimaal de grootte (hoog en breed) en de vergrootbaarheid kan instellen.

Opdracht 5a: 2 punt
Je hebt een fotoalbum op internet staan. Je wil graag dat de bezoeker de grootte van de plaatjes kan instellen. Dit gebruiker doet dit doormiddel van op een link 'groter' of 'kleiner' klikken.

Opdracht 5b: 5 punt
Zie opdracht 5a, maar nu met het verschil er maar een link is. Als de foto's groot zijn, de link 'kleiner' en als de foto's klein zijn de link 'groter'.

Opdracht 5c: 4 punt
De gebruiker kan alle plaatjes (van verschillende grootte) op de internet pagina vergroten, naar drie grote's: klein, middel, groot. Dit gebruiker doet dit doormiddel van op een link klikken. Elk plaatje wordt dan naar verhouding groter.