Tools

Deze kaartjes helpen je productiever werken met de juiste hulpmiddelen: van CLI-tools en buildprocessen tot testframeworks, linters en debuggingsoftware. De focus ligt op slimme workflows waarmee je sneller feedback krijgt en met meer vertrouwen kunt ontwikkelen.

Localhost

A

Tools

Localhost

Localhost is de hostnaam die naar je eigen apparaat verwijst (127.0.0.1, loopback). Je gebruikt dit voor lokale ontwikkeling: je test een site of app op je eigen machine vóór deployment. Dev-servers draaien vaak op localhost:port, bijvoorbeeld localhost:3000. Zo blijft ontwikkeling gescheiden van productie.

A

Tools

Ga naar dit kaartje

Pull Request

A

Tools

Pull Request

Een pull request is een voorstel om wijzigingen van een branch te mergen in een andere (vaak main). Het maakt code review, discussie en geautomatiseerde tests mogelijk. Workflow: branch pushen, Pull request openen, review/approvals, CI draaien en mergen. In GitLab heet dit een Merge Request.

A

Tools

Ga naar dit kaartje

SemVer

AAA

Tools

Semantic Versioning

SemVer is een versienummerstandaard met het formaat MAJOR.MINOR.PATCH: MAJOR bij incompatibele wijzigingen (breaking changes), MINOR bij nieuwe achterwaarts-compatibele features en PATCH bij bugfixes. Packages volgen SemVer en package managers gebruiken constraints zoals ^1.2.3 om compatibele versies te selecteren.

AAA

Tools

Ga naar dit kaartje

Commit

A

Tools

Commit

Een commit is een snapshot van wijzigingen in een Git-repository. Elke commit heeft een unieke SHA-hash, auteur, tijdstempel en bericht. Het is de atomische eenheid van verandering. Best practice: maak kleine, logische commits met duidelijke beschrijvingen. Je kunt commits aanpassen, terugdraaien of losse commits uit een andere branch overnemen.

A

Tools

Ga naar dit kaartje

PHPStan

AAA

Tools

PHPStan

PHPStan is een static-analysis-tool voor PHP die bugs vindt zonder code uit te voeren. Het detecteert typefouten, ongedefinieerde variabelen en onjuiste aanroepen. Strictheidsniveaus zijn instelbaar (0-9). Het vult PHPUnit aan en is samen met Psalm de moderne standaard.

AAA

Tools

Ga naar dit kaartje

CI/CD

AA

Tools

Continuous Integration Continuous Deployment

CI/CD combineert frequent mergen met automatische tests (CI) en geautomatiseerde uitrol naar productie (CD). Dit vermindert integratieproblemen, versnelt feedback en levert betrouwbaardere releases op. Populaire tools zijn GitHub Actions, GitLab CI en Jenkins.

AA

Tools

Ga naar dit kaartje

Versiebeheer

A

Tools

Versiebeheer

Versiebeheer volgt en beheert wijzigingen in bestanden door de tijd. Je kunt terugdraaien, vergelijken en samenwerken zonder conflicten. Er zijn gecentraliseerde systemen (SVN) en gedistribueerde (Git). Het is essentieel voor ontwikkeling, samenwerking en experimenteren met branches.

A

Tools

Ga naar dit kaartje

Merge

A

Tools

Merge

Mergen voegt wijzigingen van de ene branch samen in een andere. Git doet dit automatisch als het kan,anders los je merge-conflicten handmatig op. Strategieën zijn fast-forward, merge commit en squash. Pull requests faciliteren review vóór de merge.

A

Tools

Ga naar dit kaartje

Prettier

AA

Tools

Prettier

Prettier is een codeformatter die een consistente stijl afdwingt zonder eindeloze discussies. Het formatteert automatisch bij opslaan of committen en ondersteunt JS, TS, CSS, HTML, JSON en Markdown. Minimale configuratie is benodigd.

AA

Tools

Ga naar dit kaartje

ESLint

AA

Tools

ESLint

ESLint is een pluggable lintingtool voor JavaScript/TypeScript gericht op codekwaliteit en consistentie. Regels zijn configureerbaar (.eslintrc) en veel issues kun je automatisch fixen. Het integreert met editors en CI en heeft talloze plugins en stijlgidsen.

AA

Tools

Ga naar dit kaartje

Git

A

Tools

Git Version Control System

Git is een gedistribueerd versiebeheer-systeem. Het volgt wijzigingen, ondersteunt branching/merging en samenwerking. Elke ontwikkelaar heeft een volledige lokale geschiedenis. Belangrijke commando's: clone, commit, push, pull, branch en merge.

A

Tools

Ga naar dit kaartje

Repository

A

Tools

Repository

Een repository is de opslaglocatie voor projectbestanden, versiegeschiedenis en metadata. Een Git-repo bevat alle commits, branches en tags. Je hebt een lokale kopie en vaak een remote (bijv. op GitHub). Met clone maak je een lokale kopie, met push en pull synchroniseer je.

A

Tools

Ga naar dit kaartje

Environment Variable

AA

Tools

Environment Variable

Een environment variable is een configuratiewaarde buiten je code, opgeslagen in de systeemomgeving. Handig voor API-keys, database-gegevens en feature flags. Waarden verschillen per omgeving (dev/staging/prod). Toegang verloopt via process.env (Node) of $_ENV (PHP). Bewaar ze in .env (niet committen) en laad met dotenv.

AA

Tools

Ga naar dit kaartje

Docker

AA

Tools

Docker

Docker is een programma waarmee je apps en hun benodigdheden in kleine, makkelijk te verplaatsen pakketjes stopt. Deze pakketjes delen het besturingssysteem, anders dan bij virtuele machines. Een Dockerfile definieert de image, docker-compose orkestreert multi-container apps. Dit zorgt voor consistente omgevingen en past goed bij microservices.

AA

Tools

Ga naar dit kaartje

Branch

A

Tools

Branch

Een branch is een parallelle ontwikkellijn die afsplitst van de master/main branch. Zo kun je geïsoleerd features bouwen zonder de main te verstoren. Gebruikelijke patronen zijn main/master, develop, feature/A, bugfix/A en hotfix/A. Bekende workflows zijn Gitflow en GitHub Flow.

A

Tools

Ga naar dit kaartje

Composer

AA

Tools

Composer

Composer is het programma waarmee je makkelijk extra pakketten toevoegt aan je PHP-project. Je definieert dependencies in composer.json en installeert met composer install. Het ondersteunt PSR-4-autoloading, scripts en versie-constraints. composer.lock zorgt voor reproduceerbaarheid.

AA

Tools

Ga naar dit kaartje

npm

A

Tools

Node Package Manager

npm is de standaard package manager voor Node.js en het grootste software-register. Het beheert dependencies via package.json, installeert met npm install en biedt scripts voor taken. De lockfile (package-lock.json) zorgt voor reproduceerbare builds. Alternatieven zijn Yarn en pnpm.

A

Tools

Ga naar dit kaartje

Vite

AA

Tools

Vite

Vite is een moderne en snelle frontend buildtool. Tijdens development gebruikt het native ES-modules (dus vrijwel geen bundling) en esbuild voor dependencies, voor productie gebruikt het Rollup. Hot Module Replacement is extreem snel. Standaard voor Vue en populair bij React.

AA

Tools

Ga naar dit kaartje

Package Manager

A

Tools

Package Manager

Een package manager installeert, updatet, configureert en verwijdert libraries en tools. Het beheert dependencies en versies automatisch en voorkomt 'dependency hell'. Voorbeelden: npm/Yarn (JS), Composer (PHP), pip (Python), gem (Ruby) en NuGet (.NET).

A

Tools

Ga naar dit kaartje

Assertions

AA

Tools

Assertions (testen)

Assertions zijn stellingen in tests die verifiëren of een bepaalde waarde overeenkomt met het verwachte resultaat. Ze zijn de kern van elke unit test: bij een falende assertion mislukt de test. Veelgebruikte methoden zijn assertEquals, assertTrue, assertNull en assertThrows. Ze zijn beschikbaar in testframeworks als PHPUnit, Jest en Cypress.

AA

Tools

Ga naar dit kaartje

Shell

AA

Tools

Shell

De shell is het programma dat jouw opdrachten uit de command line leest en uitvoert. Ze ondersteunt variabelen, pipes, redirects en scripts, en vormt de lijm tussen tools. Veelgebruikte shells zijn Bash, Zsh en PowerShell.

AA

Tools

Ga naar dit kaartje

Debugging

A

Tools

Debugging

Debuggen is het identificeren, analyseren en oplossen van bugs. Technieken zijn console.log, breakpoints, stap-voor-stap uitvoeren, variabelen inspecteren en de call stack analyseren. Tools: browser-DevTools, IDE-debuggers (VS Code, PhpStorm) en error-monitoring (Sentry). Aanpak: reproduceren, isoleren, fixen en testen.

A

Tools

Ga naar dit kaartje

CLI

A

Tools

Command Line Interface

Een CLI laat je toepassingen en tools aansturen via tekstcommando's in plaats van een grafische interface. Het biedt snelheid, scriptbaarheid en automatisering voor ontwikkel- en beheertaken. Voorbeelden zijn shells, package managers en framework-CLIs.

A

Tools

Ga naar dit kaartje

IDE

A

Tools

Integrated Development Environment

Een IDE is een alles-in-één ontwikkelomgeving met een code-editor, debugger, terminal, versiebeheer-integratie en intelligente functies zoals autocomplete (IntelliSense), refactoring en foutmarkering. Populaire IDE's zijn VS Code, PhpStorm, WebStorm en IntelliJ IDEA. VS Code is lichtgewicht en uitbreidbaar met extensies — PhpStorm/WebStorm zijn uitgebreider maar betaald.

A

Tools

Ga naar dit kaartje

Artisan

AAA

Tools

Artisan

Artisan is de command-line interface van Laravel voor ontwikkeltaken. Je genereert boilerplate (controllers, models, migrations), voert migrations uit, wist caches, beheert queues en schrijft eigen commands. Syntax: php artisan <command>. Essentieel voor een efficiënte workflow.

AAA

Tools

Ga naar dit kaartje

PHPUnit

AAA

Tools

PHPUnit

PHPUnit is het standaard testframework voor PHP. Je schrijft tests in klassen en assertions controleren het verwachte gedrag. Het ondersteunt Test Driven Development, integreert met CI/CD en kan code coverage rapporteren. Essentieel voor kwaliteit in Laravel- en Symfony-projecten.

AAA

Tools

Ga naar dit kaartje

Cypress

AAA

Tools

Cypress

Cypress is een modern end-to-end-testframework voor webapps. Tests draaien in een echte browser met visuele debugging, time-travel en automatisch wachten. Het is eenvoudig om mee te werken voor ontwikkelaars. Je kunt onderdelen los testen.

AAA

Tools

Ga naar dit kaartje

Webpack

AA

Tools

Webpack

Webpack is een krachtige modulebundler die JavaScript, CSS, afbeeldingen en andere assets analyseert, transformeert en bundelt. Het ondersteunt code splitting, tree shaking, loaders en plugins. De configuratie is complex, maar erg flexibel. Vite is een modern en sneller alternatief.

AA

Tools

Ga naar dit kaartje

Yarn

AA

Tools

Yarn

Yarn is een alternatieve package manager die vaak sneller is dan npm (v1-5). Het biedt workspaces, plug-and-play (zonder node_modules) en een offline cache. Yarn 2+ (Berry) is een grote herschrijving. Het gebruikt yarn.lock en is compatibel met het npm-register.

AA

Tools

Ga naar dit kaartje

Docker Compose

AAA

Tools

Docker Compose

Docker Compose is een tool voor het definiëren en draaien van multi-container Docker-applicaties via een enkel YAML-bestand (docker-compose.yml). Je definieert services, netwerken en volumes in één configuratie. Met docker compose up start je de volledige stack. Essentieel voor lokale ontwikkelomgevingen met meerdere services.

AAA

Tools

Ga naar dit kaartje

Build Process

AA

Tools

Build Process

Het buildproces zet broncode om naar productieklare bestanden. Stappen zijn compileren/transpilen, bundelen, minificatie, optimalisaties, tree shaking en compressie. Dit levert een dist/build-map op. Dev- en prod-builds verschillen in snelheid, sourcemaps en optimalisaties.

AA

Tools

Ga naar dit kaartje

Deployment

A

Tools

Deployment

Deployment is het uitrollen van een applicatie naar productie, zodat eindgebruikers erbij kunnen. Stappen zijn builden, testen, uploaden, configureren en starten. Methoden: handmatig (FTP), via CI/CD, met containers (Docker) of serverless. Modern is Git-gebaseerde deployment (Vercel, Netlify).

A

Tools

Ga naar dit kaartje

FileZilla

A

Tools

FileZilla

FileZilla is een populaire, gratis FTP/SFTP/FTPS-client met grafische interface. Het biedt een split-screen weergave, drag-and-drop, gelijktijdige overdrachten en directory-vergelijking. Het gebruik neemt af doordat ontwikkeldteams overstappen op Git en CI/CD voor de deployment van code.

A

Tools

Ga naar dit kaartje

Linting

AA

Tools

Linting

Linting analyseert code automatisch op fouten, bugs, stijlproblemen en verdachte patronen. Het dwingt een consistente stijl af en vangt issues vroeg. Linting draait in de IDE en in CI/CD. Voorbeelden: ESLint (JS), PHPStan/Psalm (PHP), Pylint (Python) en RuboCop (Ruby).

AA

Tools

Ga naar dit kaartje

Jest

AA

Tools

Jest

Jest is een JavaScript-testframework met zero-config en veel features. Het ondersteunt unit- en integratietests, snapshots, coverage en async-tests. Tests draaien snel en parallel. Standaardkeuze bij React, alternatief: Vitest (Vite-gebaseerd).

AA

Tools

Ga naar dit kaartje

Hot Reload

AA

Tools

Hot Reload

Hot reload vernieuwt jouw app automatisch bij codewijzigingen, zonder volledige reload en met behoud van state. Dit verkort de ontwikkelcyclus door een snelle feedbackloop. Met Hot Module Replacement (HMR) in Webpack of Vite worden alleen gewijzigde modules geüpdatet.

AA

Tools

Ga naar dit kaartje

Bash

AA

Tools

Bourne Again Shell

Bash is de meestgebruikte Unix-shell (macOS/Linux) met scripting, history en job control. Veel scripts en CI-pijplijnen gaan uit van Bash-syntax. Gebruik `#!/bin/bash` voor compatibiliteit en set `-euo pipefail` in voor veiligere scripts.

AA

Tools

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