Efficiënt scripten met jQuery 3.x
  • Over deze cursus
  • 1 Inleiding
  • 2 Inleiding tot JavaScript
    • Events en Actions
    • Syntax regels
    • JavaScript debugger
    • Variabelen
    • Operatoren
    • Voorwaardelijke instructies
    • Lussen
    • Functies
    • Functies in jQuery
    • Scope (zichtbaarheid) van variabelen
    • Objecten
    • Ingebouwde JavaScriptobjecten
  • 3 jQuery basis
  • 4 Elementen selecteren
    • Basis selectors
    • Hiërarchische selectors
    • Basisfilters
    • Inhoudsfilters
    • Attribuut selectors
    • Childfilters
    • Formulierfilters
    • Zichtbaarheidsfilters
    • Toepassing 1: gemeentelijst filteren (basisversie)
    • Toepassing 2: openingsuren markeren
  • 5 Selectie verfijnen (traversing)
    • Hiërarchische selectors
    • Filter methodes
    • Element looping: each()
    • Selecties in cascade: end()
    • Snelheidstest
    • Toepassing 1: gemeentelijst filteren (uitgebreide versie)
    • Toepassing 2: rating
  • 6 Events
    • Documentevents
    • Gebruikersevents
    • Event bubbling
    • Event methodes en properties
    • Hover-event: methode met een dubbele functie
    • De methode on()
    • Event handlers verwijderen
    • Toepassing 1: reactietest
  • 7 Animaties en effecten
    • Basiseffecten
    • Aangepaste animaties
    • Animatie pauzeren: delay()
    • Animatie beëindigen: finish()
    • Animatie afbreken: stop()
    • Versnellingsparameter
    • Toepassing 1: vloeiend scrollen
    • Toepassing 2: tabbladen
  • 8 DOM manipulatie
    • HTML-attributen
    • Object dimensies
    • Elementen toevoegen
    • Elementen verwijderen
    • Elementen vervangen
    • Elementen klonen
    • Toepassing 1: lightbox
  • 9 Inleiding tot AJAX
    • Historiek
    • Wat is XML?
    • Wat is JSON?
    • Requests filteren met GET en POST
    • Zes soorten AJAX requests
    • Same origin policy
    • Cross-site scripting
  • 10 AJAX zonder server-side scripting
    • Load()
    • $.getScript()
    • $.getJSON()
    • $.get() en $.post()
    • $.ajax()
    • Externe gegevens ophalen via JSONP
  • 11 AJAX met server-side scripting
    • Master/detailrelatie met load()
    • Master/detailrelatie met $.get()
    • Contactformulier verzenden met $.post()
    • Cross-site scripting (XSS)
Powered by GitBook
On this page
  • Inhoud van het boek
  • Wat komt niet aan bod?
  • Voor wie is dit boek bedoeld?
  • Oefenbestanden bij dit boek
  • HTML editor
  • Productieproces automatiseren
  • Errata

Over deze cursus

Next1 Inleiding

Last updated 7 years ago

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 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 (tabbladen, sliders, kalenders, ...) en 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 .

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

Productieproces automatiseren

Errata

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!

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

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

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

http://plugins.jquery.com/
jQuery UI
jQuery Mobile
GitHub
WebStorm
PhpStorm
Sublime Text
Dreamweaver
README.md
patrick.verhaert@thomasmore.be