Ik zal niet te veel tijd besteden aan het beschrijven van alle soorten variabelen en bewerkingen — dat is nu nog niet nodig. Ons hoofddoel is om de basis­syn­taxis van JavaScript onder de knie te krijgen, zodat we daarna kunnen overstappen op jQuery. Later kun je je kennis van JavaScript verder verdiepen. Als je JavaScript grondig wilt leren en het gebruik van een framework je niet aanspreekt, dan kun je beter een uitgebreider leerboek over JavaScript zoeken. Maar als je websites wilt bouwen in Drupal en daarna jQuery wilt leren, dan zijn we op de juiste weg. Laten we beginnen.

In deze les bekijken we hoe je de if-constructie in JavaScript kunt gebruiken. De syntaxis van JavaScript is vrijwel hetzelfde als die van PHP (beide zijn ontworpen met programmeurs in C++ in gedachten), dus je kunt ook de les over if in PHP lezen:

PHP-lessen - les 8 - De if-operator

In deze les behandelen we lussen in JavaScript. Zoals ik eerder zei, lijkt de syntaxis van PHP sterk op die van JavaScript, dus je kunt ook de les over lussen in PHP bekijken:

PHP-lessen - les 12 - Lussen while, foreach, for

Met één uitzondering: in JavaScript bestaat de foreach()-lus niet. In plaats daarvan zullen we later de methode each() in jQuery gebruiken om elementen te doorlopen.

In deze les bekijken we functies in JavaScript — hoe je ze schrijft en welke soorten functies er bestaan. Je kunt meer lezen over functies in de volgende PHP-lessen; alle voorbeelden zijn ook toepasbaar in JavaScript:

PHP-lessen - les 7 - PHP-functies en functioneel programmeren

In deze les bekijken we een ander gegevenstype in JavaScript — arrays. We zullen ook enkele functies behandelen voor het werken met strings en arrays. De overige functies bespreken we in de volgende lessen. Ter kennismaking met arrays kun je de volgende PHP-lessen lezen:

PHP-lessen - les 10 - Arrays

Dit is de laatste JavaScript-les die nodig is voordat we aan jQuery beginnen. Maar het is niet de laatste JavaScript-les die ik zal maken, want de taal JavaScript is veel breder en bevat veel meer dan wat we tot nu toe hebben behandeld.

Wat is jQuery?

jQuery is een geweldige JavaScript-bibliotheek die het gemakkelijk maakt om met slechts een paar regels code prachtige web­effecten te creëren. Zoals vermeld op de website van het jQuery-project:

“jQuery is een JavaScript-bibliotheek met het motto: het schrijven van JavaScript-code moet leuk zijn. jQuery behandelt de meest voorkomende en repetitieve taken, maakt de code schoner en houdt deze kort, elegant en begrijpelijk.”

jQuery is een erg handig hulpmiddel wanneer je iets wilt verbergen, wijzigen, verplaatsen, mooi opmaken of laten verdwijnen. Zeer gebruiksvriendelijk en eenvoudig. Laten we een JavaScript-bestand koppelen. We voegen JavaScript-bestanden aan een thema toe via het .info-bestand van je thema. Om een bestand te koppelen, voeg je de volgende regel toe aan het .info-bestand van je thema:

scripts[] = js/custom.js

waarbij js/custom.js het pad is naar het JavaScript-bestand binnen je thema.

In deze les behandelen we jQuery-selectors en jQuery-effecten.

Selectors

Onder de selectors zullen we meestal gebruikmaken van klassen en id’s. Selectors in jQuery lijken sterk op CSS-selectors. Dus als je al weet hoe je selectors in CSS schrijft, kun je ook selectors in jQuery schrijven. Zo selecteren we een klasse:

$('.class')

En zo selecteren we een id:

$('#id')

In deze video bekijken we hoe je met CSS kunt werken door gebruik te maken van de mogelijkheden van jQuery.