AJAX cursus : Modulen

De cursus bestaat uit een zestal modulen die samen drie lesdagen beslaan. De volgende modulen worden behandeld:

Javascript voor AJAX en het Event model

Tijdens deze module gaan we in op Javascript technieken die nodig zijn om een AJAX interface te realiseren. U leert de basis van het werken met objecten in Java-Script en we leren hoe we het Document Object Model (DOM) kunnen manipuleren. Ook besteden we in deze module aandacht aan het zogenaamde Event model. In een gebruikersinterface ‘wacht‘ de applicatie tot de gebruiker een actie uitvoert. Meestal met de muis of met het toetsenbord. Het Event model vertelt de applicatie hoe deze op die acties moet reageren.

ExtJS

In de tweede module gaan we aan de slag met ExtJS, een zeer krachtig JavaScript framework voor gebruik in AJAX applicaties. Met ExtJS bouwt u een lay-out panels, windows, panels, lijsten en formulieren, die zich gedragen als in een desktop applicatie. Zie voorbeelden op: http://extjs.com/deploy/dev/examples.

Hierbij moet u denken aan het manipuleren van het document, drag & drop functionaliteit, het 'onder water' versturen van POST- en GET requests en het verwerken van de response die deze requests opleveren. Om bovenstaande theorie helder te krijgen maken we gebruik van een voorbeeldcase.

AJAX en de server

Vervolgens gaan we dieper in op de relatie van de dynamische AJAX interface met de componenten die op de webserver draaien om zodoende de achterliggende functionaliteit te verzorgen. U kunt hierbij denken aan bijvoorbeeld interactie met een database. In deze cursus maken wij hiervoor gebruik van PHP. Dit betekent uiteraard niet dat andere talen niet te gebruiken zijn (VB.net,C#, Java, etc.). Na afloop bent u bekend met het versturen van informatie naar de server met behulp van JSON of XML om vervolgens het resultaat weer te verwerken in uw dynamische interface. Na het behandelen van de theorie gaat u hier zelf mee aan de slag zodat u leert hoe u zelfstandig een dynamische gebruikersinterface kunt bouwen.

Praktijkcase

In de laatste module verwerkt u uw kennis in een praktijkcase. Met behulp van ExtJS en PHP bouwt u een eenvoudige applicatie, waarin u de opgedane kennis in de praktijk brengt.