Laatste tijd wordt er steeds meer gebruik gemaakt van javascript in websites. Flash is als het ware overbodig geworden in vele opzichten qua webdesign. Ik wil daarom graag mijn kennis uitbreiden met javascript. De prikkeling om javascript te leren kwam vooral doordat ik de nieuwe website van de NS zag (www.ns.nl)

Vaak hoor ik mensen zeggen dat Javascript als PHP is qua opbouwen van een goedlopend geheel. Mijn vraag is, wat is de beste manier om javascript te leren?

Zelf heb ik goede ervaringen met zelfstudie. Alles wat ik nu kan qua webdesign heb ik mezelf aangeleerd met de hulp van Google. Nu ben ik een tijd terug bezig geweest met PHP te leren via internet. Dit was dan echter geen succes, vandaar dat ik hier aan jullie wil vragen wat het beste voor me zou zijn en hoe jullie javascript onder de knie hebben gekregen.

Ik wil uiteindelijk javascript-from-scratch schrijven. Dus mijn compleet eigen scripts en functies maken in javascript. Scripts bewerken en uitbreiden lukt al wel een beetje op goed geluk, maar ik begrijp vaak het meerendeel van de code niet.

Wat is dus het beste voor me? Een korte opleiding doen? (o.a. workshops, avondopleiding, thuis studie van een onderwijsinstelling, thuis studie met google)

Ik ben uiteraard bereid om hiervoor te betalen omdat ik dit nu eenmaal erg graag wil en daarmee mijn kennis en mijn kunnen kan uitbreiden.

Wie-o-weet heeft er een goede tip voor me?

JavaScript is in principe een programmeertaal om aan de client side, de DOM (Domain Object Model) te manipuleren en te bewerken. Wat wil dat nu zeggen ? Een gans html bestand, bestaat uit objecten. Elk object bestaat dan weer uit properties, methoden en events. Dus je kan met JavaScript elk object zijn properties, methoden of events gaan bewerken of gaan setten.
Maar daarvoor moet je natuurlijk eerst de object notatie begrijpen van JavaScript. Als je bijvoorbeeld 'document' typt, dan komt er daar terug een woord achter. Wat wil die dot of punt nu zeggen ? Wel in principe spreek je het 'document' object aan, en die heeft terug properties, methoden of events. We nemen eens al voorbeeld 'getElementById()'. Dus we spreken de methode 'getElementById()' van het object 'document' aan op deze manier : document.getElementById();
En zo kan je blijven verder gaan.

Een voorbeeldje :

var test = document.getElementById("test");
test.onclick = function()
{
this.style.display = "none";
}

Dus even vertalen naar mensentaal : We spreken van het object 'document', de methode 'getElementById' aan, en we steken dat nieuwe object in een variabel 'test'.
Aan die variabel test, hangen we een event 'onclick'. Wanneer je erop klikt, zullen we via de propertie 'style' (wat wij ook kennen als de css stijl, wat je dus ook kan bewerken via JavaScript), die propertie style heeft ook terug alle CSS properties, dus ook de propertie 'display'. Dus gaan we nu de propertie 'display' gaan setten op "none".
Stel dat het Id "test" een div is. Wanneer je dus op de div gaat klikken met je muis, zal opeens die div verdwenen zijn op je scherm.


Concreet, het is gewoon belangrijk die object notatie te begrijpen van JavaScript. De rest kan je idd via boeken leren.

Joeri, bedankt voor je info! Dit stukje code kan ik wel lezen en begrijpen, maar als ik bijvoorbeeld naar een meterslange code als die van bijvoorbeeld de wel bekende lightbox.js kijk, lukt het me totaal niet meer ;-)

Het heeft dan puur met ervaring te maken, maar dat moet vanzelf wel komen.

Heb je nog een tip qua boeken? Of eventueel een cursus? Aan je zinsopbouw zie ik dat je van Belgische kom af bent, dus mocht je als nog tips hebben voor een cursus in Nederland dan hoor ik dat graag van je!

Hoi Jeroen,

Ik heb eens die lightbox.js bekeken, en zij maken vooral hun eigen klassen aan in JavaScript. Dit is inderdaad een geavanceerde vorm van JavaScript. Ken je iets van object georienteerd programmeren ? Ikzelf ken geen boek waar ze object georienteerd programmeren uitleggen in JavaScript. Ik heb ooit es het boek van PPK On JavaScript gelezen, een heel goed boek maar daar bespreken ze niet objecten en klassen in JavaScript.

Ben je van plan om zo'n geavanceerde JavaScript te schrijven ? Ik denk voor een normale website, dat je dat nooit nodig zal hebben hoor. Het is maar intersant als je hele grote scripts schrijft, volgens mij.

Joeri,

Wederom bedankt voor je reactie. Wat ik met JavaScript wil bereiken is puur de website interactiever te maken. Ik heb in mijn begin post de website van de NS laten zien. Deze is vernieuwd, met enorm veel gebruik van effecten en opties via JavaScript. Achter de website zit natuurlijk een groot team met de nodige ervaring, maar het lijkt me zeker vet mocht ik na een flinke tijd ook iets in die weg kunnen.

Wat ik nu wil leren, is vooral nog geen scripts als die van lightbox.js schrijven. Dit is nog veelste hoog gegrepen voor mij. Wat ik wil is dus simpel beginnen met het hiden/showen van divs en het oplichten van divs. Puur om de website interactiever te maken en het een extraatje te geven.

Bedankt voor je info hierboven. Ik ken de term wel voor PHP, maar voor JavaScript wist ik niet dat het ook bestond.

Ik zal eens op zoek gaan naar het boek wat je aangaf, erg bedankt!

javascript frameworks zoals mootools, prototype (en zo zijn er wel meer) zijn ook populair de laatste tijd. Voor veelvoorkomende algemene dingen als hide/show en zo is dat zeer handig. Op de website zelf van zo'n pakket staat een goede documentatie en demo's.