Talen & Formaten

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

PDF

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

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

Ga naar dit kaartje

400 kaartjes

Een uitgebreide collectie begrippen voor elk niveau

12 categorieen

Van HTML & CSS tot databases en security

3 niveaus

Geschikt voor beginners en gevorderden

Voor teams & klassen

Ideaal als lesmateriaal of teambuilding tool

Offline oefenen

Fysiek aan de slag, zonder scherm