# 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](http://jqueryui.com/) (tabbladen, sliders, kalenders, ...) en [jQuery Mobile](http://jquerymobile.com/) 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](https://github.com/pverhaert/Les-jQuery-3).

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](https://www.jetbrains.com/webstorm/), [PhpStorm](https://www.jetbrains.com/phpstorm/), [Sublime Text](http://www.sublimetext.com/) en [Dreamweaver](https://www.adobe.com/be_nl/products/dreamweaver.html) 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](https://github.com/pverhaert/Les-jQuery-3) beschreven.

## Errata

Mocht u zelf fouten ontdekken of vindt u dat bepaalde oefeningen beter kunnen worden uitgewerkt, laat het mij dan weten via <patrick.verhaert@thomasmore.be>.\
Ook opmerkingen en aanvullingen zijn altijd welkom.

{% hint style="info" %}
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.
{% endhint %}

**Succes!**