In deze categorie vind je kaartjes over programmeertalen, syntaxkeuzes en veelgebruikte dataformaten zoals JSON, CSV en XML. Je leert hoe verschillende formaten informatie modelleren, wanneer je welk formaat kiest en waar conversie- of compatibiliteitsproblemen kunnen ontstaan.
Event Loop
AAA
Talen & Formaten
Event Loop
De event loop is het mechanisme in JavaScript dat zorgt voor niet-blokkerende, asynchrone uitvoering. De call stack verwerkt synchrone code — asynchrone callbacks wachten in de event queue tot de call stack leeg is. Zo kan JavaScript meerdere taken tegelijk afhandelen, ondanks dat het single-threaded is. Het is de kern van hoe Node.js en browsers werken.
AAA
Talen & Formaten
Mapping
AAA
Talen & Formaten
Mapping
Mapping is het koppelen of transformeren van waarden van het ene formaat of de ene structuur naar het andere. In programmeren gebruik je map() om arrays element voor element te transformeren. In databases koppelt een ORM klassen aan tabellen (object-relational mapping). Bij API-integraties wordt data gemapped tussen formaten. Het is een kernpatroon in data-transformaties en functioneel programmeren.
AAA
Talen & Formaten
Parse
AA
Talen & Formaten
Parse
Parsen is het analyseren en omzetten van data van het ene naar het andere formaat, bijvoorbeeld van string naar object. In JavaScript zet JSON.parse() een JSON-string om naar een object en maakt parseInt() van een string een number. Het omgekeerde is stringify/serialize. Parsen gebeurt ook bij HTML/XML en bij compilers en interpreters.
AA
Talen & Formaten
WOFF
AA
Talen & Formaten
Web Open Font Format
WOFF (Web Open Font Format) is een gecomprimeerd lettertypeformaat speciaal ontwikkeld voor het web. Het is een wrapper rond bestaande lettertypen (TrueType/OpenType) met extra compressie, zodat lettertypebestanden kleiner worden en sneller laden. Je laadt een WOFF-lettertype via @font-face in je CSS. Browsers ondersteunen WOFF breed. Voor moderne browsers is WOFF2 de betere keuze vanwege nog sterkere compressie.
AA
Talen & Formaten
Python
AA
Talen & Formaten
Python
Python is een veelzijdige en goed leesbare taal met een 'batteries included'-filosofie en een grote standaardbibliotheek. Ze wordt gebruikt voor web (Django, Flask), data science, AI, automation en scripting. Sterke punten zijn eenvoud, leesbaarheid en productiviteit. Types zijn dynamisch, met optionele type hints.
AA
Talen & Formaten
CSS
A
Talen & Formaten
Cascading Style Sheets
CSS is de stylesheet-taal voor de visuele vormgeving en layout van HTML-elementen. Je definieert kleuren, lettertypen, spacing, positionering en animaties. CSS3-modules brachten flexbox, grid, transforms, transitions en animations. De cascade bepaalt welke styles gelden bij conflicten.
A
Talen & Formaten
TTF
A
Talen & Formaten
TrueType Font
TTF is een lettertypeformaat van Apple en Microsoft. Het is breed ondersteund maar niet geoptimaliseerd voor het web vanwege grotere bestanden. Het bevat de lettervormen en extra informatie om letters op het scherm scherp te tonen. Gebruik het voor desktopapps en oude browsers — converteer voor web naar WOFF/WOFF2.
A
Talen & Formaten
GIF
A
Talen & Formaten
Graphics Interchange Format
GIF is een rasterformaat met eenvoudige animaties en een beperkt palet (256 kleuren). GIF gebruikt lossless compressie met een beperkt kleurenpalet — daardoor worden animaties al snel groot en is video vaak een betere keuze. GIF blijft bruikbaar voor korte loops en memes met beperkte transparantie.
A
Talen & Formaten
SQL
A
Talen & Formaten
Structured Query Language
SQL is de standaardtaal voor het beheren, opvragen en manipuleren van relationele databases. Kernoperaties zijn SELECT, INSERT, UPDATE en DELETE. SQL ondersteunt joins, aggregaties, subqueries en transacties. Veelgebruikte dialecten zijn MySQL, PostgreSQL, SQL Server en SQLite.
A
Talen & Formaten
PNG
A
Talen & Formaten
Portable Network Graphics
PNG is een lossless rasterformaat met transparantie (alpha). Bestanden zijn groter dan JPG maar hebben perfecte kwaliteit. Varianten: PNG-8 (256 kleuren) en PNG-24 (miljoenen). Gebruik voor logo's, iconen, transparante beelden en screenshots. Voor foto's is JPG kleiner.
A
Talen & Formaten
Compile
AA
Talen & Formaten
Compileren
Compileren is het omzetten van broncode naar een andere taal of representatie die door een machine of browser kan worden uitgevoerd. In webdev compileert TypeScript naar JavaScript, SASS/SCSS naar CSS en Blade-templates naar PHP. Een compiler voert syntax- en typecontroles uit vóór uitvoering. Transpileren is een specifieke vorm waarbij van de ene high-level taal naar de andere wordt omgezet.
AA
Talen & Formaten
TXT
A
Talen & Formaten
Plain Text
Een .txt is een plain-textbestand met onopgemaakte tekst: klein en universeel. Het bevat alleen platte tekst zonder opmaak, afbeeldingen of vaste structuur. Je gebruikt het voor notities, logs, databestanden, robots.txt en .gitignore, meestal met UTF-8-encoding.
A
Talen & Formaten
Vue SFC
AAA
Talen & Formaten
Vue Single File Component
Een .vue is een single file component (SFC) met template, script en style in één bestand. Structuur: <template>, <script>, <style>. Scoped styles zorgen ervoor dat CSS alleen binnen het component geldt, en Vite/Webpack compileert dit automatisch. Het maakt componentontwikkeling intuïtief en ondersteunt TypeScript en SCSS.
AAA
Talen & Formaten
JSX
AAA
Talen & Formaten
JavaScript XML
JSX is een JavaScript/XML-achtige syntax voor React-componenten. Het is syntactic sugar die via Babel transpileert naar React.createElement(). Zo kun je HTML-achtige code in JavaScript schrijven. Bestanden hebben vaak .jsx als extensie, maar .js kan ook.
AAA
Talen & Formaten
TypeScript
AA
Talen & Formaten
Typed JavaScript
TypeScript is een superset van JavaScript met statische types, interfaces en sterke IDE-ondersteuning. Het compileert naar standaard JavaScript. Types helpen typefouten vroeg te vinden en verbeteren onderhoudbaarheid en ontwikkelaarservaring, vooral in grotere projecten.
AA
Talen & Formaten
SCSS
AA
Talen & Formaten
Sassy Cascading Style Sheets
SCSS is een CSS-preprocessor-syntax die programmeerfeatures toevoegt: variabelen (bijv. $primary-color), nesting, mixins, functies en imports. De syntax is een superset van CSS, dus alle CSS is geldige SCSS. Je compileert naar standaard CSS - handig voor grote stylesheets.
AA
Talen & Formaten
Handlers
AAA
Talen & Formaten
Handlers
Een handler is een functie of methode die wordt aangeroepen als reactie op een specifieke gebeurtenis of conditie. In frontend-code zijn dit event handlers (addEventListener, onclick) — in backend-code zijn het request handlers, error handlers of middleware-functies. Handlers koppelen gedrag aan triggers en zijn een fundamenteel patroon in event-driven en request-response-architecturen.
AAA
Talen & Formaten
Transpiling
AAA
Talen & Formaten
Transpiling
Transpilen zet moderne JavaScript (ES6+) om naar een oudere versie (ES5) voor legacy browsers. Tools zoals Babel transformeren bijvoorbeeld arrow functions, classes en async/await naar oudere, gelijkwaardige syntax. Dit is essentieel voor brede browserondersteuning.
AAA
Talen & Formaten
SASS
AA
Talen & Formaten
Syntactically Awesome Style Sheets
Sass is een CSS-preprocessor met twee syntaxes: de ingesprongen SASS-syntax (zonder brackets en semicolons) en de CSS-achtige SCSS-syntax. Beide bieden variabelen, nesting, mixins en overerving. SCSS is het populairst en compileert naar gewone CSS.
AA
Talen & Formaten
Ruby
AA
Talen & Formaten
Ruby
Ruby is een objectgeoriënteerde scripttaal die eenvoud en productiviteit centraal zet. Het is bekend van Ruby on Rails, dat webdevelopment versnelde met 'Convention over Configuration'. Ruby heeft een expressieve syntax, ondersteunt duck typing en biedt metaprogrammeren.
AA
Talen & Formaten
Markdown
A
Talen & Formaten
Markdown
Markdown is een lichtgewicht markuptaal voor geformatteerde tekst met een eenvoudige plaintext-syntax. De bron is goed leesbaar en converteert naar HTML. Voorbeelden zijn # headers, AAboldAA, AitalicA, [links](url), lijsten en codeblokken. Het is populair voor documentatie, blogs en comments (CommonMark, GFM).
A
Talen & Formaten
YAML
AAA
Talen & Formaten
YAML Ain't Markup Language
YAML is een mensvriendelijke dataserialisatietaal voor configuratiebestanden. Het gebruikt inspringing voor structuur in plaats van brackets. YAML ondersteunt complexe datatypes, comments en anchors/aliases voor hergebruik. Populair in DevOps, zoals Docker Compose, Kubernetes en CI/CD.
AAA
Talen & Formaten
TSX
AAA
Talen & Formaten
TypeScript XML
TSX is de TypeScript-variant van JSX en combineert types met JSX-syntax voor type-safe React-componenten. Voordelen: type-checking voor props, betere IDE-support en eerder fouten vangen. Het transpileert naar JavaScript en is aanbevolen voor grotere apps.
AAA
Talen & Formaten
SVG
AA
Talen & Formaten
Scalable Vector Graphics
SVG is een XML-gebaseerd vectorformaat dat oneindig schaalt zonder kwaliteitsverlies. Het is perfect voor logo's, iconen, illustraties en grafieken. Het is tekstgebaseerd (te bewerken als code), te animeren met CSS/JS en klein voor simpele graphics. Niet geschikt voor foto's.
AA
Talen & Formaten
A
Talen & Formaten
Portable Document Format
PDF is een platformonafhankelijk documentformaat van Adobe dat de opmaak behoudt. Het heeft een vaste layout en is niet direct bewerkbaar. Het ondersteunt tekst, afbeeldingen, formulieren, annotaties en encryptie. Toepassingen: documenten, e-books, formulieren en facturen.
A
Talen & Formaten
HTML
A
Talen & Formaten
HyperText Markup Language
HTML is de standaardmarkuptaal voor de structuur en content van webpagina's. Het is geen programmeertaal, maar declaratieve markup. HTML5 introduceerde semantische elementen zoals <article> en <nav>, multimedia, canvas en offline opslag. Het vormt de basis van elke website.
A
Talen & Formaten
ICO
AA
Talen & Formaten
Icon
ICO is het favicon-formaat met kleine pictogrammen voor browsertabs, bladwijzers en snelkoppelingen. Het kan meerdere groottes bevatten (16x16px, 32x32px, 48x48px). Koppel in de HTML-head met <link rel='icon'>. Alternatieven zijn PNG of SVG. Zet favicon.ico in de rootmap zodat browsers het automatisch vinden.
AA
Talen & Formaten
ASPX
A
Talen & Formaten
Active Server Pages Extended
Een .aspx-bestand hoort bij ASP.NET Web Forms, de opvolger van classic ASP. Het gebruikt code-behind (.aspx.cs/.aspx.vb) en is gecompileerd. Onderdeel van het .NET-framework en werkt met een paginaverloop dat reageert op gebeurtenissen (events). Moderne alternatieven: ASP.NET MVC (.cshtml) en ASP.NET Core.
A
Talen & Formaten
JSON
A
Talen & Formaten
JavaScript Object Notation
JSON is een lichtgewicht, menselijk leesbaar formaat voor data-uitwisseling, gebaseerd op de JavaScript-objectsyntax. Het ondersteunt objecten, arrays, strings, numbers, booleans en null, en is taalonafhankelijk. Het is de facto standaard voor web-API's en configuratie.
A
Talen & Formaten
JPEG
A
Talen & Formaten
JPEG
JPEG is een lossy gecomprimeerd rasterformaat, ideaal voor foto's en verlopen. Bestanden zijn klein maar bevatten soms compressie-artefacten. JPEG heeft geen transparantie en is vooral geschikt voor foto's waarbij je de kwaliteit afstemt op bestandsgrootte. Voor tekst, lijntekeningen en logo's kies je beter een ander formaat.
A
Talen & Formaten
PHP
A
Talen & Formaten
Hypertext Preprocessor
PHP is een populaire open-source server-side scripttaal, speciaal ontworpen voor webdevelopment. Het is dynamisch getypeerd en kan direct in HTML worden ingebed. Moderne PHP is snel en feature-rijk. Het drijft talloze sites aan (zoals WordPress) en heeft sterke database-integratie en een volwassen ecosysteem.
A
Talen & Formaten
XML
A
Talen & Formaten
eXtensible Markup Language
XML is een markuptaal voor gestructureerde, zelfbeschrijvende dataopslag en -transport. Het is mens- en machinaal leesbaar en strenger dan HTML (met verplichte closing tags). Toepassingen zijn configuratie, data-uitwisseling, SOAP en RSS. Voor web-API's is JSON vaak de lichtere keuze.
A
Talen & Formaten
WOFF2
AA
Talen & Formaten
Web Open Font Format 2
WOFF2 is de opvolger van WOFF met een beter compressie-algoritme, waardoor lettertypebestanden gemiddeld 30% kleiner zijn dan WOFF. Het is het aanbevolen formaat voor webfonts in moderne browsers. Je laadt WOFF2 via @font-face in je CSS, met een fallback naar .woff voor oudere browsers. Kleinere lettertypebestanden betekenen snellere laadtijden en een betere gebruikerservaring.
AA
Talen & Formaten
WebP
A
Talen & Formaten
WebP
WebP is een modern afbeeldingsformaat met sterke compressie zonder zichtbaar kwaliteitsverlies. Het ondersteunt lossy en lossless, transparantie en animatie. Browserondersteuning is uitstekend. Ideaal voor webperformance. Fallbacks zijn mogelijk via het picture-element.
A
Talen & Formaten
CSV
AA
Talen & Formaten
Comma Separated Values
CSV is een plain-text formaat voor tabelvormige data met komma's als scheiding. Een CSV-bestand is een eenvoudig en leesbaar formaat waarbij elke regel een rij is en komma's (of soms tabs, spaties, of puntkomma's) de kolommen scheiden — het werkt vrijwel overal (Excel, databases, programmeertalen), maar let op juiste escaping en encoding. Alternatief: JSON.
AA
Talen & Formaten
LESS
AA
Talen & Formaten
LESS
LESS is een CSS-preprocessor vergelijkbaar met Sass. Het biedt variabelen (@), nesting, mixins en functies. Minder populair dan Sass. De compiler is JavaScript-gebaseerd en compileert naar .css.
AA
Talen & Formaten
JavaScript
A
Talen & Formaten
JavaScript
JavaScript is een high-level, dynamisch getypeerde scripttaal en de kern van modern webdevelopment. Het brengt interactiviteit, dynamische content en complexe functionaliteit naar websites. Het draait in de browser én server-side via Node.js. ES6+ introduceerde features als arrow functions, classes, modules en async/await.
A
Talen & Formaten
ASP
A
Talen & Formaten
Active Server Pages
ASP is Microsofts oudere server-side technologie voor dynamische webapps en de voorloper van ASP.NET. Het combineert HTML met VBScript of JScript. Veel legacy-systemen draaien nog op ASP Classic, maar moderne ontwikkeling gebruikt ASP.NET (Core).
A
Talen & Formaten
WebAssembly
AAA
Talen & Formaten
WebAssembly
WebAssembly (Wasm) is een formaat waarmee code geschreven in talen als C++, Rust of Go razendsnel in de browser kan draaien. Hierdoor kunnen complexe applicaties zoals games, video-editors en grafische tools op het web worden gebouwd met bijna dezelfde snelheid als native software. WebAssembly werkt naast JavaScript en draait veilig in een geïsoleerde omgeving (sandbox).
AAA
Talen & Formaten
Een uitgebreide collectie begrippen voor elk niveau
Van HTML & CSS tot databases en security
Geschikt voor beginners en gevorderden
Ideaal als lesmateriaal of teambuilding tool
Fysiek aan de slag, zonder scherm