Basiscursus javascript en jQuery

Wat is javascript en wat kun je er mee?​

JavaScript is de programmeertaal die het meest gebruikt wordt om dynamische webpagina’s te maken.
Het is een taal die voor interactie met de gebruiker zorgt.
Bij HTML en CSS kun je er maar heel beperkt voor zorgen dat er iets gebeurt met de webpagina als de gebruiker op een toets drukt, ergens op klikt of iets anders doet. Daar is JavaScript voor.
JavaScript wordt uitgevoerd door de browser. Net zoals de browser de HTML en CSS leest en daar een webpagina van bouwt, leest de browser ook de JavaScript en voert die code uit.

Je hebt vast wel eens een webpagina gezien waar een menu netjes uitrolt of waar je dingen kan verslepen. Of een pagina die zichzelf aanpast zonder dat je iets doet, zoals de zogenaamde Instant Search van Google waar de zoekresultaten al op de pagina komen terwijl je typt. Hiervoor wordt allemaal JavaScript gebruikt.
Met JavaScript kun je in principe al het denkbare maken. Alleen grote spellen, zoals 3D schiet- of racespellen, zijn erg veel werk in JavaScript. Daar worden andere programmeertalen zoals c++ voor gebruikt.

Ook door het verwerken en analyseren van grote hoeveelheden data is Javascript minder geschikt. Hiervoor wordt vaak Python gebruikt vanwege de snellere verwerking. 

JavaScript wordt dus uitgevoerd door een browser en daardoor is het in vergelijking met sommige andere programmeertalen traag.
Maar kleinere dingen zoals een Mario-spelletje, een webpagina die controleert of je wel een geldig e-mail adres invult of of een mooie animatie of videoplayer kan allemaal.

jQuery
Om met eenvoudige code toch leuke dingen te kunnen maken gebruiken we de open source code-bibliotheek jQuery. 

Het is een populair framework dat gebruikt wordt in 77% van de 10 miljoen meest populaire websites.

Het schrijven van de code doen we in een speciaal daarvoor ontwikkelde code-editor. Het bekijken en controleren van ons werk doen we in de browser Firefox.
Deze programma’s moeten op je laptop worden geïnstalleerd om de opdrachten te kunnen maken.

Sublime Firefox

Het eerste programma is Sublime Text.
Dit is een gratis text-editor die gebruikt wordt om te programmeren.
Heb je Sublime Text nog niet op je laptop? 

Download het dan Hier

Het tweede programma is de browser Firefox.
Deze browser heeft de fijnste developertools.
Staat FireFox nog niet op je laptop? 

Download het dan Hier

Belangrijk voordat je begint

Jouw ervaring telt – maar structuur ook!

Misschien heb je al ervaring met programmeren. Misschien heb je weleens code gedownload, tutorials gevolgd of zelf dingen geprobeerd. Dat is geweldig! Er is niets mooiers dan nieuwsgierig zijn en zelf op ontdekkingstocht gaan.

Toch is het belangrijk dat we tijdens deze lessen en opdrachten werken volgens een vaste structuur. Waarom?

  • Omdat we je leren denken als een pro
    en dat begint bij een goed ontwerp, duidelijke opbouw en overzichtelijke code.
  • Omdat code die “toevallig werkt” niet altijd goed is.
    We willen dat je snapt waarom iets werkt.
  • Omdat we je niet alleen willen laten spelen met code
    maar je ook willen voorbereiden op grotere projecten, samenwerking en vervolgonderwijs.
  • Omdat je met een gestructureerde aanpak sneller fouten vindt, betere oplossingen bedenkt en uiteindelijk meer vrijheid hebt in je creativiteit.
 

Dus ook als je al dingen “kunt”, vragen we je om in deze lessen:

  • je code stap voor stap op te bouwen,
  • de juiste indeling en notatie te gebruiken (zoals we samen afspreken),
  • en je werk begrijpelijk te houden – voor jezelf én voor anderen.

 

Je ervaring is waardevol – maar structuur zorgt ervoor dat je er nog meer uit haalt.
En wij helpen je daarbij.

Laten we beginnen met een nieuw project!