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

2 Inleiding tot JavaScript

Previous1 InleidingNextEvents en Actions

Last updated 7 years ago

Met HTML kan u een webpagina structureren. Cascading Style Sheets zorgen voor de lay-out. Bijgevolg zijn pagina's die enkel gebruik maken van HTML en CSS zeer statisch. JavaScript zorgt voor de interactiviteit op een webpagina.

JavaScript is een scripttaal (een lichtgewicht programmeertaal) die door zowat alle browsers wordt ondersteund.

In dit hoofdstuk maakt u kennis met een aantal basisfuncties en controlestructuren binnen JavaScript. We gaan na hoe we variabelen gebruiken en welke voorwaardelijke en conditionele instructies (if-else, select-case, ...) JavaScript ons biedt.

Dit boek heeft niet de intentie alle mogelijkheden die JavaScript ons biedt te belichten, maar enkel een goede basis te leggen. Na deze introductie zal u de werking van jQuery beter begrijpen en zodoende nog krachtigere scripts kunnen schrijven. Voor meer informatie over JavaScript raadpleegt u best één van de talrijke websites of handboeken waarin JavaScript volledig besproken wordt. Bijvoorbeeld:

JavaScript en Java zijn twee totaal verschillende dingen.

In Java schrijft u volledige applicaties. Na compilatie kunnen Java-applicaties zelfstandig werken, maar de applicatie kan eveneens worden opgenomen binnen een webpagina. JavaScript daarentegen is geen gecompileerde applicatie, maar een client-side scripttaal.

Dit wil zeggen dat de code in de webpagina verweven wordt. Een browser zal de code verwerken op het moment dat het script wordt uitgevoerd. Eventuele fouten komen bijgevolg pas boven bij het uitvoeren van het script. Bij een fout wordt enkel het script gestopt. De rest van de pagina blijft gewoon zichtbaar.

Op elke pagina die gebruik maakt van JavaScript kan u het script zelf bekijken in de broncode van de pagina. Een gebruiker kan dus op elk moment uw script "lenen" en in zijn eigen project verwerken.

http://www.w3schools.com/js/
http://www.w3schools.com/jsref/
https://legacy.gitbook.com/book/gitbookio/javascript/details