Javascript - Wat is het?

Javascript is een scriptingtaal 

Javascript is een scriptingtaal. Dat wil zeggen dat je er geen echt klassiek computerprogramma mee bouwt (alhoewel dat mogelijk is), maar je programmeercode staat zichtbaar in de broncode van je HTML-pagina.  Door de groei van het web is javascript bijzonder populair geworden en ook heel sterk geëvolueerd. Wat je op dit moment met javascript kan bouwen, lijkt al relatief onbegrensd, zeker als je het vergelijkt met wat pakweg 15 jaar geleden mogelijk was met deze taal. 

Wat kan je met javascript allemaal doen? 

  • Het uitzicht van onderdelen van de pagina wijzigen als de gebruiker iets doet. 
  • Als de gebruiker een formulier invult, controleren of de invoer correct is.
  • Spelletjes maken.
  • Een online tekstverwerker of spreadsheet maken (Google Docs...)
  • Een online afbeeldingenbewerker
  • Animaties.
  • 3D
  • ....

Bibliotheken 

Om te programmeren in javascript, moet je goed op de hoogte zijn de werking van HTML en CSS en natuurlijk ook ... kunnen programmeren. 

Zelfs al kan je niet goed programmeren, er bestaan heel wat hulpmiddelen om toch gebruik te kunnen maken van de mogelijkheden van javascript en om allerlei javascriptfuncties aan je pagina toe te voegen. Doorheen de tijd zijn er talrijke "bibliotheken" en "frameworks" ontwikkeld die je eenvoudig aan je pagina's kan toevoegen of zelfs gewoon "linken". 

Je kan je zo'n framework voorstellen als een soort "motor" met allerlei functies in. Als webmaster plaats je die motor onder motorkap, maar zelf moet je enkel nog het dashboard en de kabeltjes tussen dashboard en motor voorzien. Je moet de motor dus niet zelf bouwen...

Een aantal voorbeelden:

  • jQuery: een framework met ontzettend veel plugins. jQuery laat je toe om op eenvoudige wijze allerlei interactieve effecten en animaties toe te voegen. https://www.jquery.com/
  • Aframe: 3D,  virtual Reality...  https://aframe.io/
  • P5.js: animaties, tekenen, geluid, video... https://p5js.org/
  • ML5.js: kunstmatige intelligentie, face recognition, bewegingsdetectie. https://ml5js.org/
  • ...

Een bibliotheek link je aan je pagina met een script-tag. De library hoeft niet op je eigen website te staan. Je kan immers libraries van andere domeinen linken aan je webpagina's. In het onderstaande voorbeeld linken we de library van P5.js aan onze eigen webpagina. 

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.11.0/p5.min.js"></script>
</head>
<body>
    
</body>
</html>

Vervolgens plaats je je eigen code in je HTML-code (meestal in het body-element), of in een apart .js-bestand op je website.

Volgende pagina