Code Snippets Hub

Mijn digitale huis past nu in een containertje

na weken geklooi met XAMPP en localhost-fouten had ik er genoeg van.

Na een install, één prompt en één commando stond mijn digitale huis ineens in een containertje.

als je nog XAMPP gebruikt in 2025, ben je waarschijnlijk ook nog cd’s aan het branden.

Soms ontdek je het nut pas nadat je het geprobeerd hebt.

Het is heel menselijk om eerst te willen snappen waarom je iets zou moeten doen. We willen graag het nut inzien voordat we ergens tijd en energie in steken. Toch werkt het in de praktijk vaak anders.

Sommige handelingen of oefeningen lijken op het eerste gezicht nutteloos. Je denkt: “Wat levert dit mij op?” Maar juist door het gewoon te doen, ontstaat er inzicht. Je ontdekt tijdens het proces wat het voor je kan betekenen.

Experts geven daarom soms adviezen die in eerste instantie vaag of overdreven aanvoelen. Toch kan het lonen om dat advies op te volgen — niet omdat je het meteen begrijpt, maar omdat je er al doende achter komt wat het je brengt.

Kennis en inzicht ontstaan soms na actie, niet ervoor.

Soms moet je lopen voordat je weet waarheen.

Wauwo

Yeah baby

Love is endless

an online shopping card

LOL

Inleiding tot variabelen

Variabelen zijn containers voor het opslaan van gegevenswaarden.

var x = 5;
let y = 10;
const z = 15;

Regels voor PHP-variabelen

Een variabele kan een korte naam hebben (zoals $x en $y) of een meer beschrijvende naam ($leeftijd, $autonaam, $totaal_volume).

$txt = "Deze kaart is zo cool";
echo "Ik hou van $txt!";

Voorwaardelijke logica

If-statements worden gebruikt om codeblokken uit te voeren op basis van een bepaalde voorwaarde.

if (condition) {
    // code to be executed if condition is true
} else {
    // code to be executed if condition is false
}

Basis van voorwaarden

Voorwaarden worden gebruikt om beslissingen te nemen in de code. Ze evalueren een expressie en voeren code uit op basis van true of false.

if (a > b) {
    console.log("a is groter dan b");
} else if (a === b) {
    console.log("a is gelijk aan b");
} else {
    console.log("a is kleiner dan b");
}

Toewijzing van waarden aan variabelen

We kunnen gegevens in een variabele opslaan met behulp van de toewijzingsoperator =. De waarde wordt opgeslagen in het geheugen dat aan de variabele is gekoppeld, en we kunnen deze waarde opvragen met de variabelenaam.

let message;

message = 'Hallo'; // sla de string 'Hallo' op in de variabele message

alert(message); // toont de inhoud van de variabele

// Verkorte versie:
let message = 'Hallo!'; // definieer de variabele en wijs de waarde toe

alert(message); // Hallo!

// Meerdere variabelen in één regel:
let user = 'John', age = 25, message = 'Hallo';

// Aanbevolen: één variabele per regel voor leesbaarheid:
let user = 'John';
let age = 25;
let message = 'Hallo';

// Alternatieve stijlen:
let user = 'John',
    age = 25,
    message = 'Hallo';

let user = 'John'
  , age = 25
  , message = 'Hallo';

Wijzigen van variabelen

Een variabele kan worden bijgewerkt door een nieuwe waarde toe te wijzen. Dit overschrijft de oude waarde die in de variabele was opgeslagen.

let score = 10;

score = 20; // de waarde van score is nu 20

let message = "Hallo";
message = "Tot ziens"; // de waarde van message is nu "Tot ziens"

Eerste programma

Het klassieke eerste programma dat "Hello, World!" afdrukt.

console.log("Hello, World!");

Basisstructuur van JavaScript-code

JavaScript-code bestaat uit statements die worden uitgevoerd in volgorde.

// Een statement eindigt meestal met een puntkomma
let x = 5;
let y = 10;
console.log(x + y);

Basisregels van JavaScript-syntax

JavaScript gebruikt een combinatie van woorden, cijfers en symbolen om instructies te geven.

// Een variabele declareren
let naam = "John";

// Een functie definiëren
function groet() {
    console.log("Hallo!");
}

groet();

Verschillende soorten gegevens in JavaScript

JavaScript ondersteunt verschillende datatypes zoals string, number, boolean, object, enz.

let naam = "John"; // string
let leeftijd = 30; // number
let isActief = true; // boolean
let persoon = { naam: "John", leeftijd: 30 }; // object

Gebruikersinteractie met alert, prompt en confirm

JavaScript biedt functies voor interactie met de gebruiker.

alert("Hallo!");
let naam = prompt("Wat is je naam?");
let bevestiging = confirm("Weet je het zeker?");

Basisoperatoren in JavaScript

Operatoren worden gebruikt om bewerkingen uit te voeren op waarden.

let x = 10;
let y = 5;
console.log(x + y); // optellen
console.log(x - y); // aftrekken
console.log(x * y); // vermenigvuldigen
console.log(x / y); // delen

Operatoren voor wiskundige berekeningen

JavaScript ondersteunt rekenkundige operatoren zoals +, -, *, /, %, enz.

let a = 10;
let b = 3;
console.log(a % b); // modulus (rest van deling)

Vergelijkingen uitvoeren in JavaScript

Vergelijkingsoperatoren worden gebruikt om waarden te vergelijken.

console.log(5 > 3); // true
console.log(5 === 5); // true
console.log(5 !== 3); // true

Operatoren voor logische bewerkingen

JavaScript ondersteunt logische operatoren zoals &&, || en !.

let a = true;
let b = false;
console.log(a && b); // false
console.log(a || b); // true
console.log(!a); // false

Werken met null of undefined waarden

De nullish coalescing operator (??) retourneert de rechter operand als de linker operand null of undefined is.

let naam;
console.log(naam ?? "Gast"); // Gast

Functies in JavaScript

Functies zijn blokken code die kunnen worden hergebruikt.

function groet(naam) {
    return `Hallo, ${naam}!`;
}
console.log(groet("John"));

Korte syntax voor functies

Arrow functions bieden een compacte manier om functies te schrijven.

const groet = (naam) => `Hallo, ${naam}!`;
console.log(groet("John"));

Functieparameters gebruiken

Functies kunnen parameters accepteren om gegevens door te geven.

function optellen(a, b) {
    return a + b;
}
console.log(optellen(5, 10));