Wat is JavaScript en waarvoor gebruik je het?
Auteur: Redactie Domeny.ForSale Gepubliceerd Bijgewerkt
Kort gezegd: JavaScript is een programmeertaal die onder meer wordt gebruikt om interactieve websites en webapplicaties te maken. Je kunt ermee reageren op klikken, formulieren controleren en inhoud bijwerken zonder de hele pagina opnieuw te laden. De taal werkt niet alleen in de browser: in de juiste omgeving kun je haar ook op een server gebruiken.
Welke rol speelt JavaScript op een webpagina?
Je begrijpt JavaScript het makkelijkst door het te vergelijken met twee andere webtechnologieën. HTML beschrijft de structuur en betekenis van de inhoud, zoals een kop, formulier of knop. CSS bepaalt de vormgeving: kleuren, afstanden, indeling en een deel van de animaties. JavaScript voegt logica toe: instructies die bepalen wat er in een specifieke situatie moet gebeuren.
Stel je een rekentool voor de verzendkosten in een webwinkel voor. HTML maakt een veld voor de postcode en een plek voor het resultaat, CSS geeft die vorm en JavaScript leest de ingevoerde waarde en toont het bijbehorende bedrag. Als de berekening gegevens van de winkel nodig heeft, kan het script een verzoek naar de server sturen en het ontvangen antwoord weergeven.
Niet elke interactie vereist JavaScript. Een gewone link, het verzenden van een formulier of sommige uitklapbare elementen kunnen met alleen HTML werken. JavaScript is nodig wanneer het gedrag van de pagina extra logica vereist, in plaats van alleen het weergeven van inhoud.
Waar werkt JavaScript en waarvoor dient het?
Webbrowsers hebben een engine voor JavaScript: een mechanisme dat code in deze taal uitvoert. Daardoor hoeft de gebruiker geen apart programma te installeren om websitefuncties te gebruiken die in JavaScript zijn geschreven. De browser biedt scripts ook hulpmiddelen om het document te bewerken, gebeurtenissen af te handelen en via het netwerk te communiceren.
In dit verband wordt vaak DOM genoemd, het Document Object Model. Dit is een weergave van de pagina die een programma kan uitlezen en aanpassen. Via het DOM kan JavaScript de tekst van een melding wijzigen, een element aan een lijst toevoegen of reageren op een klik op een knop.
Veelvoorkomende toepassingen van JavaScript zijn:
- productlijsten filteren en sorteren;
- suggesties geven terwijl iemand tekst in een zoekveld typt;
- formuliervelden controleren voordat het formulier wordt verzonden;
- gegevens bijwerken in dashboards en webapplicaties;
- kaarten, mediaspelers en andere interactieve componenten aansturen.
JavaScript kan ook buiten de browser werken, bijvoorbeeld in Node.js: een uitvoeromgeving waarmee je code op een server of computer kunt uitvoeren. De code kan dan verzoeken afhandelen, bestanden verwerken en met een database communiceren. De mogelijkheden van een programma hangen dus niet alleen af van de taal, maar ook van de omgeving waarin het wordt uitgevoerd.
Hoe ziet eenvoudige code in JavaScript eruit?
Code in JavaScript beschrijft handelingen met onder meer variabelen, voorwaarden en functies. Een variabele bewaart een waarde, een voorwaarde laat het programma kiezen wat het moet doen en een functie groepeert instructies die je meerdere keren kunt uitvoeren.
Dit voorbeeld controleert of een bestelling voldoet aan de drempel voor gratis verzending die we in deze demonstratie gebruiken:
const winkelmandWaarde = 180;
const drempelGratisVerzending = 200;
if (winkelmandWaarde >= drempelGratisVerzending) {
console.log("De verzending is gratis.");
} else {
const ontbrekendBedrag = drempelGratisVerzending - winkelmandWaarde;
console.log(`Je komt nog ${ontbrekendBedrag} zł tekort voor gratis verzending.`);
}
const maakt een variabele waaraan je later geen nieuwe waarde kunt toekennen. De instructie if controleert een voorwaarde en else bepaalt wat er gebeurt als niet aan die voorwaarde is voldaan. console.log toont een melding in de console, niet rechtstreeks op de pagina.
Met de opgegeven waarden toont het programma: ‘Je komt nog 20 zł tekort voor gratis verzending.’ Je kunt het voorbeeld uitvoeren in de console van de ontwikkelaarstools van je browser. Verander vervolgens de waarde van het winkelmandje in 220 en bekijk het verschil. Dit demonstreert de logica; het is geen kant-en-klare oplossing voor het afrekenen in een echte webwinkel.
Wat is JavaScript niet en welke beperkingen heeft het?
JavaScript en Java zijn verschillende programmeertalen. De vergelijkbare namen betekenen niet dat je code in de ene taal als code in de andere kunt uitvoeren. Je hoeft Java niet te kennen om JavaScript te leren.
React, Vue en Angular zijn ook geen andere namen voor JavaScript. Het zijn bibliotheken of frameworks: hulpmiddelen die het bouwen van applicaties makkelijker maken. Voordat je die leert, is het verstandig de basis van de taal zelf te beheersen. Zo begrijp je welk gedrag voortkomt uit JavaScript en welk gedrag uit het gebruikte hulpmiddel.
Code die in de browser draait, mag niet de enige beveiliging van belangrijke handelingen zijn. Een gebruiker kan de werking ervan veranderen of omzeilen. Daarom moet de server zelf onder meer toegangsrechten, prijzen en verstuurde gegevens controleren. Zet ook geen geheimen, zoals private toegangssleutels, in code die naar de browser wordt gestuurd.
Te veel scripts kunnen ervoor zorgen dat een pagina trager reageert. Gebruik JavaScript daarom voor specifieke behoeften, in plaats van goed werkende oplossingen in HTML en CSS te vervangen zonder duidelijk voordeel.
Hoe begin je met het leren van JavaScript?
Voor de eerste oefeningen zijn een browser en een teksteditor voldoende. Als je websites wilt maken, begin dan met de basis van HTML en CSS. Leer daarna over variabelen, gegevenstypen, voorwaarden, functies, arrays en het afhandelen van gebeurtenissen in JavaScript.
Kies als eerste kleine project een klikteller of een rekenprogramma dat twee getallen optelt. Zorg dat het programma ook met een leeg veld en een ongeldige waarde omgaat. Zo leer je niet alleen code schrijven, maar ook rekening houden met wat een gebruiker daadwerkelijk zal doen.
Zie ook: Wat is een API?
Lees ook
