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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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