Skip to main content

Jquery


Week 1

Hello world

Mijn eerste opdracht was het tonen van hello world op het scherm met jquery.

List design

In deze opdracht moest ik een unordered list maken met jquery. Daarna moest ik met jquery css attributen koppelen aan de unordered list.

Week 2

Slide up

Bij deze opdracht moet je op een paragraaf klikken. Als je erop klikt, dan moet de paragraaf verdwijnen.

Verwijder knop

In deze opdracht moet je op een knop drukken. Als je op de knop klikt, dan verwijderd de knop en de tekst.

Kleur sorteer knop

In deze opdracht moet ik drie knoppen maken die paragrafen sorteren. Als je op de knop klikt, dan wordt de tekst gekleurd op basis van wat erbij hoort.

Week 3

Disco

In deze opdracht moest ik een hover functie maken die blokjes van kleur kan laten veranderen. Met een knop moet ik alles weer kunnen resetten.

Animatie

Bij deze opdracht moet je klikken op de paragraaf. Daarna krijg je een simpele animatie te zien.

Week 4

Klopt of niet

In deze opdracht moest ik controleren of het ingevoerde getal tussen de één en de tien zit.

Week 5

Type ophalen

Voor deze opdracht was het de bedoeling om data types op te halen uit variabelen. Hiervoor heb ik typeof gebruikt.

Wijzig paragraaf javascript

Met deze opdracht moest ik ervoor zorgen dat het aanpassen van een paragraaf werkte in javascript. Dit had als doel om na deze opdracht de volgende opdracht te kunnen uitvoeren.

Wijzig paragraaf jquery

Na het kunnen aanpassen van een paragraaf in javascript moest ik dit ook kunnen doen met jquery. Hiervoor moest ik de code van javascript kunnen omzetten naar jquery.

Week 6

Kopieer een array

In deze opdracht moest ik kunnen aantonen dat het maken van een nieuwe array niet zomaar een kopie is. Er wordt namelijk een referentie gekopieerd in plaats van de array zelf. Door slice te gebruiken kon ik wel een array kopiëren.

Auto garage

Voor deze opdracht moest ik gebruik maken van een car object en een garage object. Het was de bedoeling om de auto aan te kunnen passen door middel van een formulier. Daarnaast kan je de garage open en dicht doen, zodat je de auto wel en niet kan zien. Ook is het mogelijk om te toeteren doordat er een functie in het car object zit.

Week 7

Jquery mobile

Met deze opdracht heb ik een mobile application gebouwd waarin je kan navigeren tussen verschillende pagina's. Omdat de applicatie is gemaakt voor mobiel is de applicatie responsive gemaakt.