Concepten

Shadow DOM

Shadow DOM is een browserstandaard voor het afschermen van markup, styles en gedrag binnen een component. Dit voorkomt style-lekkage en naamconflicten en levert voorspelbaar gedrag op. Het wordt gebruikt met web components en biedt shadow roots, slots en scoped CSS.

AAA

Concepten

Function as a Service

FaaS is een serverless model waarbij losse functies event-gedreven draaien zonder serverbeheer. Je betaalt per uitvoering en profiteert van automatische schaal. Denk aan AWS Lambda of Cloudflare Workers. Let op cold starts en stateless ontwerp.

AAA

Concepten

Wireframe

Een wireframe is een schematische weergave van de pagina-indeling en structuur. Je ziet de opbouw en waar dingen komen, maar nog geen kleuren of details. Je gebruikt dit vroeg in het designproces om te kijken of de structuur logisch is en voldoet aan de behoeften van de gebruiker.

A

Concepten

Search Engine Optimization

SEO is het optimaliseren van content, techniek en autoriteit zodat je beter scoort in organische zoekresultaten. Dit omvat on-page optimalisatie (keywords, content, meta-tags), technische SEO (snelheid, mobile-friendly, structured data) en off-page SEO (backlinks en domeinautoriteit).

A

Concepten

Prototype

Een prototype is een interactief, klikbaar model van een website of app. Het kan low-fidelity (basisinteractie) of high-fidelity (bijna als echt) zijn. Je gebruikt het voor gebruikerstesten, stakeholderpresentaties en het valideren van concepten vóór ontwikkeling.

A

Concepten

Localization

l10n staat voor localization en zorgt ervoor dat software geschikt wordt gemaakt voor een bepaalde taal of regio. Dit betekent content vertalen en zaken als valuta, datum- en getalnotatie en cultureel relevante beelden en kleuren aanpassen.

AAA

Concepten

User Experience

UX is de totale ervaring van een gebruiker bij het gebruik van een product of dienst. Het omvat gebruiksgemak, efficiëntie, visueel ontwerp en hoe het product ervaren wordt. UX-designers onderzoeken behoeften en optimaliseren de complete gebruiksreis.

A

Concepten

Software as a Service

SaaS is een cloudmodel waarbij complete softwareapplicaties als dienst via internet worden aangeboden. De provider beheert infrastructuur, platform en applicatie. Voordelen zijn snelle uitrol en geen installatie, nadelen zijn mogelijke vendor lock-in en minder maatwerk.

A

Concepten

Static Site Generation

Bij SSG worden pagina's gebouwd op deploymenttijd in plaats van per request. Dit levert razendsnel serveerbare HTML op die gecached wordt op een CDN. Ideaal voor blogs, documentatiesites en marketingpagina's. Frameworks: Next.js, Nuxt en Astro.

AAA

Concepten

Platform as a Service

PaaS levert platformcomponenten zoals runtimes, databases, middleware en CI/CD. Zo kun je applicaties bouwen en hosten zonder servers te beheren. Dit biedt snelle deployments en schaalbaarheid, met als afweging platformbeperkingen en kosten bij groei.

AA

Concepten

Web Content Accessibility Guidelines

De WCAG zijn internationale richtlijnen voor webtoegankelijkheid, gebaseerd op vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust. Niveaus A/AA/AAA geven het ambitieniveau aan, AA is vaak de norm. Hanteer semantische HTML, gebruik ARIA alleen waar nodig en test met screenreaders en tools zoals axe of WAVE.

A

Concepten

Single Page Application

Een SPA is een webapplicatie die inhoud dynamisch binnen één HTML-pagina laadt, zonder volledige page refresh. Frameworks zoals React, Vue en Angular zorgen voor asynchrone contentupdates. Dit biedt een app-achtige ervaring, met wel aandachtspunten voor SEO en initiële laadtijd.

AA

Concepten

Backend as a Service

BaaS levert beheerde back-endvoorzieningen zoals authenticatie, databases, storage en messaging als kant-en-klare API's. BaaS versnelt de ontwikkeling doordat veel backendfunctionaliteit direct beschikbaar is, maar let op mogelijke vendor lock-in, limieten en extra kosten.

AAA

Concepten

Web Standards

Webstandaarden zijn specificaties, richtlijnen en Best Practices van onder meer het W3C. Ze zorgen voor consistent gedrag over verschillende browsers en apparaten. Dit bevordert toegankelijkheid, prestaties en onderhoudbaarheid.

A

Concepten

Infrastructure as a Service

IaaS levert virtuele servers, opslag en netwerk uit de cloud. Jij beheert het besturingssysteem en de softwarestack, de provider beheert de hardware. Dit geeft maximale flexibiliteit, maar vraagt meer operationeel beheer.

AA

Concepten

Caching

Caching is het tijdelijk opslaan van data voor snellere toegang. Niveaus zijn de browsercache, CDN, server-side (applicatie, databasequeries) en opcode-cache (gecompileerde scripts). Belangrijke headers zijn Cache-Control en ETag. Het vermindert wachttijd, serverload en bandbreedte.

A

Concepten

Open Graph

Open Graph is een metadataprotocol van Facebook voor rijke weergaves op sociale media. Met tags zoals og:title, og:image en og:description bepaal je hoe een pagina wordt getoond wanneer die gedeeld wordt op platformen zoals Facebook, LinkedIn en X.

AA

Concepten

Conversion Rate

De conversieratio is het percentage bezoekers dat een gewenste actie uitvoert, zoals een aankoop, inschrijving of download. Het is een cruciale metric voor e-commerce en marketing. Optimalisatie richt zich op het verhogen van deze ratio.

AA

Concepten

Asynchroon

Asynchrone uitvoering betekent dat taken kunnen worden gestart zonder te wachten op de voltooiing ervan. De rest van het programma loopt gewoon door. Dit is essentieel in webbrowsers en Node.js voor zaken als API-aanroepen, bestandslezen en timers, zodat de interface of server niet blokkeert. Tegenhanger: synchroon.

A

Concepten

Server-Side Rendering

Bij SSR genereert de server voor elk verzoek een HTML-pagina en stuurt deze naar de browser. Voordelen zijn betere SEO en snellere eerste weergave. Nadelen zijn hogere serverbelasting en langzamere Time to First Byte dan SSG. Next.js en Nuxt ondersteunen SSR out-of-the-box.

AA

Concepten

User Interface

UI (User Interface) omvat alle visuele en interactieve elementen waarmee een gebruiker een product bedient: knoppen, menu's, formulieren, iconen, typografie en kleur. UI-design richt zich op esthetiek, duidelijkheid en consistentie, zodat de interface gebruiksvriendelijk en aantrekkelijk is. Een goede UI sluit aan op de verwachtingen van de gebruiker en werkt samen met UX om een prettige totaalervaring te bieden. Een design system helpt om de UI consistent te houden.

A

Concepten

A/B Testing

A/B-testen is een methode waarbij je twee varianten van een pagina tegelijk laat zien aan verschillende gebruikers. Je meet vervolgens welke versie beter presteert op conversie, engagement of andere metrics. Zo neem je data-gedreven designbeslissingen.

A

Concepten

What You See Is What You Get

Een WYSIWYG-editor toont tijdens het bewerken direct hoe het eindresultaat eruitziet. Gebruikers hoeven geen code te schrijven. Voorbeelden zijn WordPress Gutenberg, TinyMCE en CKEditor. Voordeel: gebruiksvriendelijk. Nadeel: vaak minder optimale code en beperkte controle.

AA

Concepten

Don't Repeat Yourself

DRY is een ontwikkelingsprincipe dat code-duplicatie vermijdt. In plaats van dezelfde logica op meerdere plaatsen te herhalen, centraliseer je het in herbruikbare functies, modules of classes. Dit verbetert onderhoudbaarheid, vermindert bugs en maakt updates gemakkelijker. Het werkt samen met andere principes zoals KISS en SOLID.

A

Concepten

Internationalization

i18n staat voor internationalization en draait om ontwerpen en bouwen voor meerdere talen en regio's zonder codewijzigingen. Het omvat het externaliseren van strings en ondersteuning voor verschillende tekensets en datum- en getalformaten.

AA

Concepten

Keep It Simple, Stupid

KISS is een ontwerpprincipe dat stelt dat eenvoud de voorkeur heeft boven complexiteit. Eenvoudige code is makkelijker te begrijpen, testen en onderhouden. Vermijd onnodige abstracties, over-engineering en complexe oplossingen voor eenvoudige problemen. Het werkt samen met DRY en SOLID.

A

Concepten

Progressive Web App

Een PWA is een webapplicatie gebouwd met standaarden, maar met native app-features zoals offline werking via service workers, pushnotificaties en installatie op het homescreen. Zo combineer je het bereik van het web met app-functionaliteit.

AA

Concepten

Web scraping

Web scraping is het automatisch extraheren van data van websites door HTML te parseren. Tools zijn BeautifulSoup (Python), Puppeteer (JavaScript) en Scrapy (Python). Toepassingen zijn prijsvergelijking, contentmonitoring en data-analyse. Let op juridische en ethische aspecten: controleer de gebruiksvoorwaarden, robots.txt en de privacywetgeving (GDPR).

AAA

Concepten

World Wide Web Consortium

Het W3C is een internationale gemeenschap die webstandaarden en protocollen ontwikkelt, zoals HTML, CSS, SVG en richtlijnen voor toegankelijkheid. Omdat de leden het samen eens worden, werken websites goed in verschillende browsers en op verschillende apparaten.

A

Concepten

Bounce Rate

De bounce rate is het percentage bezoekers dat de site verlaat na slechts één pagina. Een hoge waarde kan wijzen op irrelevante content, slechte UX, trage laadtijden of misleidende marketing. Context blijft belangrijk: landingpages hebben vaak een hogere bounce rate.

A

Concepten

Tree-shaking

Tree-shaking is een optimalisatietechniek in bundlers zoals Webpack en Rollup die ongebruikte code (dead code) uit de uiteindelijke bundle verwijdert. Bundlers analyseren de import/export-boom van ES-modules en schudden ongebruikte branches weg. Dit verkleint de bundle-omvang en verbetert de laadtijd aanzienlijk.

AAA

Concepten

Best Practice

Best practices zijn bewezen, effectieve werkwijzen en methoden die zijn geaccepteerd als standaard. Ze omvatten coding standards, design patterns, security guidelines en performance optimalisaties. Het volgen van best practices verbetert de kwaliteit, onderhoudbaarheid en schaalbaarheid van webapplicaties.

A

Concepten

Backup

Een backup is een kopie van je gegevens voor herstel bij dataverlies, corruptie, hardwarefouten of ransomware. Types zijn full, incremental en differential. Strategieën: automatiseren, off-site opslaan en regelmatig restores testen.

AA

Concepten

Client-Side Rendering

Bij CSR rendert de browser de pagina volledig met JavaScript: de server stuurt een vrijwel lege HTML-pagina en de browser bouwt de content op. Voordelen zijn een app-achtige ervaring na het laden. Nadelen zijn langzamere initiële laadtijd en complexere SEO. React en Vue zonder SSR zijn standaard CSR.

AA

Concepten

Synchroon

Synchrone uitvoering betekent dat taken één voor één worden uitgevoerd en elke taak wacht op de voltooiing van de vorige. De code blokkeert totdat de huidige operatie klaar is. Dit is intuïtief maar kan leiden tot vertragingen bij langzame operaties zoals netwerkaanroepen of bestandslezen. Tegenhanger: asynchroon.

A

Concepten

Search Engine Advertising

SEA betreft betaalde advertenties in zoekresultaten, bijvoorbeeld via Google Ads. Adverteerders bieden op zoekwoorden en betalen vaak per klik (PPC). Het biedt snelle zichtbaarheid boven organische resultaten en gerichte targeting op basis van zoekintentie.

AA

Concepten

Schema.org

Schema.org is een samenwerking tussen Google, Microsoft, Yahoo en Yandex met een gezamenlijke lijst van begrippen voor gestructureerde data. Door deze markup toe te voegen begrijpen zoekmachines je content beter en tonen ze rich snippets, zoals reviews of evenementen.

AA

Concepten

SOLID

SOLID is een acroniem voor vijf objectgeoriënteerde ontwerpprincipes: Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation en Dependency Inversion. Samen leiden ze tot flexibelere, uitbreidbare en testbare code. Ze worden veel toegepast in OOP-talen zoals PHP, Java en C#.

AAA

Concepten

Async/await

Async/await is syntactische suiker voor Promises in JavaScript (en andere talen) waarmee je asynchrone code schrijft die eruitziet als synchrone code. Met `async` markeer je een functie als asynchroon — `await` pauzeert de uitvoering totdat de Promise is opgelost. Dit maakt code leesbaarder dan geneste callbacks of `.then()`-ketens.

A

Concepten