Over deze cursus

Inhoud van het boek

In dit boek concentreren we ons hoofdzakelijk op de basisinstructies van jQuery. Elk hoofdstuk behandelt een bepaald thema zoals selectors, animaties, formulieren, AJAX, enz...

Per hoofdstuk worden de belangrijkste functies (methodes) beschreven aan de hand van enkele zeer eenvoudige voorbeelden. Elk hoofdstuk eindigt met enkele stap-voor-stap, door u uit te werken, toepassingen.

In dit boek verwerken we enkele kant-en-klare plug-ins. Plug-ins geven vaak een toegevoegde waarde aan uw website. Vaak hoeft u niets meer te doen dan de bibliotheek te linken en de component te configureren.

Op de website http://plugins.jquery.com/ vindt u een volledig overzicht met allerhande plug-ins. Persoonlijk vind ik dit overzicht niet erg praktisch en kan u beter even googelen op best jquery plugins.

Het jQuery-team heeft zelf ook een aantal interessante plug-ins ontwikkeld, namelijk jQuery UI (tabbladen, sliders, kalenders, ...) en jQuery Mobile voor mobile browsers op smartphones en tablets.

Wat komt niet aan bod?

Dit boek is in eerste instantie bedoeld als kennismaking met jQuery. Meer geavanceerde technieken, zoals het ontwerpen van eigen plug-ins, bespreken we niet.

Voor wie is dit boek bedoeld?

Dit boek is in eerste instantie bedoeld voor de webontwikkelaar met voldoende kennis van HTML5 en CSS3, maar met een eerder beperkte kennis van JavaScript.

Oefenbestanden bij dit boek

Het lesmateriaal dat bij dit boek hoort, kan u kopiëren vanaf GitHub.

De oefenbestanden staan per hoofdstuk in een aparte map binnen public_html. Alle toepassingen die u zelf moet uitwerken, zijn voorzien van een live preview.

In dit boek maken we regelmatig gebruik van HTML5 tags (nav, footer en section, ...), formulierelementen (number, range, ...) en het data-xxx attribuut.

HTML editor

Html en JavaScript zijn gewoon ASCII tekstbestanden. U kan dus uw favoriete HTML-editor blijven gebruiken. Sommige editors zoals WebStorm, PhpStorm, Sublime Text en Dreamweaver maken gebruik van code hinting en hebben als voordeel dat ze u helpen bij het schrijven van de code.

Productieproces automatiseren

Om vlot te werken, is er in de website een lokale testserver ingebouwd. Hoe u de testserver installeert en opstart, staat in README.md beschreven.

Errata

Mocht u zelf fouten ontdekken of vindt u dat bepaalde oefeningen beter kunnen worden uitgewerkt, laat het mij dan weten via [e-mail]. Ook opmerkingen en aanvullingen zijn altijd welkom.

Zoals het spreekwoord zegt: oefening baart kunst. In de map opdrachten vindt u extra oefeningen om uw kennis te testen. Voor elke oefening is steeds een preview voorzien waarmee u het eindresultaat kan bekijken.

Succes!