Hiermee eindigt de CSS-handleiding, maar het leren van CSS stopt hier niet. Ik stel voor om verder te gaan met de praktijk en CSS te blijven leren op basis van het maken van een Drupal-thema. Ik zal op internet een PSD-ontwerp vinden en we zullen het omzetten naar een Drupal-thema op basis van het Zen-thema.

Je kunt ook doorgaan met het leren van PHP:

JavaScript is een van de populairste programmeertalen ter wereld. Hoewel het in de loop der tijd enigszins aan populariteit heeft ingeboet, blijft het een taal die veel programmeurs leren.
Je hebt JavaScript nodig om later jQuery te kunnen bestuderen. Aangezien jQuery zelf een JavaScript-framework is, moet je eerst de basis van JavaScript begrijpen voordat je met jQuery aan de slag gaat.
JavaScript-code wordt rechtstreeks in de HTML-pagina ingevoegd met behulp van de tags <script></script>:

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.