~//guides
Guides
Long-form, practical guides for every technology on the roadmap. Pick a topic and go deep, or follow the roadmap in order.
120 guides
Internet & How it Works
Wie das Internet funktioniert
Das Internet ist ein Netzwerk von Netzwerken, das Pakete zwischen Computern bewegt. Das Verständnis von Clients, Servern, IP und dem Request/Response-Zyklus macht das gesamte Web weniger mysteriös.
15 min readHTTP & HTTPS
HTTP ist das Protokoll des Webs. Methoden, Statuscodes, Header und Caching bilden das Vokabular, aus dem jede API und jeder Seitenaufruf besteht.
16 min readDNS & Domains
DNS ist das Telefonbuch des Internets. Es wandelt menschenlesbare Namen wie example.com in die IP-Adressen um, die Maschinen verwenden, wobei eine Handvoll Record-Typen fast jedes Setup abdecken.
13 min readBrowser & Rendering
Ein Browser verwandelt HTML, CSS und JavaScript in Pixel. Das Verständnis von Parsing, dem DOM, dem Critical Rendering Path und Reflows macht Performance-Optimierung weitaus weniger mysteriös.
15 min readHTML
HTML
HTML ist die Auszeichnungssprache, die jeder Webseite ihre Struktur und Bedeutung verleiht. Hier erfährst du, was sie ist, wie sie funktioniert und wie du heute mit ihr startest.
14 min readSemantic HTML
Semantic HTML verwendet Elemente, die ihre Bedeutung beschreiben. Dies macht Seiten barrierefrei, auffindbar und einfacher zu warten – ohne zusätzliche Kosten.
14 min readFormulare & Validierung
Formulare sind die Schnittstelle, über die Nutzer Daten an deine App senden. Labels, die richtigen Input-Typen und native Validierung erledigen den Großteil der Arbeit, noch bevor du JavaScript schreiben musst.
14 min readAccessibility (a11y)
Barrierefreiheit ist kein optionales Extra. Semantisches Markup, Tastatursupport und klare Kontraste machen Ihre Seite für alle nutzbar und verbessern das Erlebnis für jeden User.
15 min readSEO-Grundlagen
Suchmaschinen crawlen Seiten, analysieren sie und ranken sie. Gute technische Grundlagen, klare Inhalte und strukturierte Daten bieten Ihnen die besten Chancen, gefunden zu werden.
14 min readCSS
CSS
CSS ist die Sprache, die steuert, wie Ihr HTML auf dem Bildschirm aussieht und angeordnet wird. Hier erfahren Sie, was es ist, wie es funktioniert und wie Sie heute damit starten.
14 min readCSS Box Model
Das Box-Modell ist das Fundament des CSS-Layouts. Jedes Element ist eine Box mit Content, Padding, Border und Margin – lerne, wie es funktioniert und wie du es steuerst.
14 min readFlexbox
Flexbox ist ein CSS-Layout-Modell, mit dem Elemente in einem Container einfach ausgerichtet und der verfügbare Platz verteilt werden kann. Hier erfahren Sie, wie es funktioniert und wie man es einsetzt.
14 min readCSS Grid
CSS Grid ist ein zweidimensionales Layout-System, mit dem Sie Elemente in Zeilen und Spalten anordnen können. Erfahren Sie, wie es funktioniert, wann Sie es einsetzen sollten und wie Sie moderne Layouts ohne Hacks erstellen.
14 min readResponsive Design
Responsive Design sorgt dafür, dass ein Layout auf jedem Bildschirm funktioniert. Ein Viewport-Tag, fluide Einheiten und Mobile-First Media Queries decken die große Mehrheit aller Anwendungsfälle ab.
15 min readAnimations & Transitions
CSS Transitions und Keyframes erwecken Interfaces ohne JavaScript zum Leben. Wenn die richtigen Properties animiert werden, bleibt die Bewegung flüssig und barrierefrei.
14 min readCSS Variables
Custom Properties sind Werte, die man einmal definiert und überall wiederverwendet. Im Gegensatz zu Preprocessor-Variablen existieren sie im Browser und können zur Laufzeit geändert werden.
13 min readCSS Frameworks & Styling
JavaScript
JavaScript
JavaScript ist die Programmiersprache des Webs. Sie verwandelt statische Seiten in interaktive Erlebnisse – hier erfährst du, was sie ist, wo sie läuft und wie du heute mit dem Schreiben beginnst.
16 min readDas DOM
Das Document Object Model ist die Brücke zwischen Ihrem HTML und Ihrem JavaScript. Lernen Sie, wie Sie Elemente auswählen, erstellen, aktualisieren und entfernen sowie wie Sie auf Benutzerinteraktionen reagieren.
15 min readModern JavaScript (ES6+)
ES6 und die darauf folgenden Releases haben JavaScript von einer eigenwilligen Scriptsprache in ein Vergnügen beim Schreiben verwandelt. Hier sind die Features, die Sie jeden einzelnen Tag nutzen werden.
15 min readAsynchrones JavaScript
JavaScript führt immer nur eine Sache gleichzeitig aus, friert jedoch nie ein, während es wartet. Der Event Loop, Callbacks, Promises und async/await sind die Mechanismen, die dies ermöglichen.
16 min readFetch API & AJAX
Jede moderne Web-App kommuniziert mit einem Server. Die Fetch API ist der Standardweg, um Anfragen zu senden, Antworten zu lesen und die Seite ohne vollständigen Reload zu aktualisieren.
15 min readError Handling in JavaScript
Fehler passieren. Netzwerke fallen aus, Inputs überraschen einen, APIs ändern sich. Ein gutes Error Handling verhindert, dass aus diesen Fehlern Systemausfälle und verärgerte Nutzer werden.
14 min readGit & Version Control
Git
Git ist das weltweit beliebteste Versionsverwaltungssystem. Hier erfährst du, was es ist, wie es funktioniert und wie du es einsetzt, um Änderungen zu verfolgen und mit anderen zu kollaborieren.
18 min readGitHub
GitHub ist der Ort, an dem die Welt Software entwickelt. Hier erfährst du, was es ist, wie es funktioniert und wie du es nutzt, um zu kollaborieren, Code zu hosten und deine Entwicklerkarriere voranzutreiben.
16 min readTypeScript
TypeScript
TypeScript ergänzt JavaScript um statische Typen und fängt Bugs ab, bevor sie die Produktion erreichen. Hier erfährst du, was es ist, wie es funktioniert und wie du heute damit startest.
20 min readFortgeschrittene TypeScript-Typen
Utility Types, Conditional Types und Mapped Types ermöglichen es Ihnen, Typen präzise zu transformieren und zu komponieren. Hier erfahren Sie, wie sie funktionieren und wann man sie einsetzt.
16 min readJavaScript Frameworks
React
React ist die Komponenten-Bibliothek, die deklarative UIs massentauglich gemacht hat. Beschreiben Sie, wie der Bildschirm für einen bestimmten Zustand aussehen soll, und überlassen Sie es React, die Aktualisierung zu übernehmen.
16 min readVue
Vue ist das progressive Framework: Nutze so wenig oder so viel, wie du benötigst, mit einer Template-Syntax, die sich wie HTML anfühlt, und einer Reaktivität, die einfach funktioniert.
15 min readAngular
Angular ist das "Batteries-included"-Framework: TypeScript-first, integrierte Dependency Injection und eine strukturierte Architektur, die von kleinen Apps bis hin zu großen Enterprise-Codebases skaliert.
16 min readSvelte
Svelte ist ein Compiler, keine Runtime. Es wandelt Ihre Komponenten bereits zur Build-Zeit in effizienten DOM-Code um, sodass der Browser weniger JavaScript übertragen muss und weniger Arbeit verrichtet.
14 min readSolidJS
SolidJS sieht aus wie React, verhält sich aber wie ein feingranulares reaktives System. Komponenten werden nur einmal ausgeführt, und Updates fließen direkt an die DOM-Knoten, die von einem Signal abhängen.
13 min readPreact
Preact ist eine 3kB-Alternative zu React mit derselben modernen API. Gleiche Komponenten, gleiche Hooks, ein Bruchteil der Größe — ideal, wenn jedes Kilobyte zählt.
12 min readState Management
React Context API
Die Context API ist der integrierte Weg von React, um State über einen Komponentenbaum zu teilen, ohne Props durch jede Ebene reichen zu müssen. Richtig eingesetzt, eliminiert sie Prop Drilling; unvorsichtig genutzt, führt sie zu unnötigen Re-Renders der gesamten App.
13 min readRedux Toolkit
Redux Toolkit ist der moderne, offizielle Weg, Redux zu schreiben. Es eliminiert Boilerplate, enthält Immer für immutable Updates und liefert Devtools, middleware sowie RTK Query mit.
15 min readZustand
Zustand ist ein winziger, schneller und unvoreingenommener State Store für React. Keine Provider, kein Boilerplate und selector-basierte Subscriptions, die Re-Renders minimieren.
13 min readMobX
MobX ist reaktives State Management: Annotieren Sie Ihre Daten, und alles, was davon abhängt, aktualisiert sich automatisch. Keine Selektoren, keine Reducer, nur Observables.
13 min readTanStack Query
TanStack Query ist die fehlende Data-Fetching-Schicht für React. Es verwandelt Server-Daten in einen Cache, wobei Loading-States, Fehler, Refetching und Invalidation automatisch für dich übernommen werden.
14 min readPinia
Pinia ist der offizielle Vue Store: einfach, typsicher und auf der Composition API aufgebaut. State, Getter und Actions an einem Ort, ganz ohne Provider oder Boilerplate.
12 min readMeta-frameworks
Next.js
Next.js ist das React Framework, das Routing, Server Rendering, Data Fetching und eine Server-Runtime integriert, sodass Sie eine vollständige Applikation bauen, anstatt eine aus Einzelteilen zusammenzusetzen.
16 min readNuxt
Nuxt ist das Vue Framework, das dateibasiertes Routing, Auto-Imports, Server Rendering und eine integrierte Server-Engine hinzufügt, sodass eine Vue App zu einem Full-Stack-Projekt wird.
14 min readSvelteKit
SvelteKit ist das offizielle Application Framework von Svelte. Es ergänzt dateibasiertes Routing, serverseitige Load-Funktionen, Form Actions und Adapter für das Deployment auf beliebigen Plattformen.
14 min readAstro
Astro ist das Content-First-Framework, das standardmäßig null JavaScript ausliefert. Erstellen Sie Seiten als HTML und fügen Sie Interaktivität nur dort hinzu, wo sie benötigt wird – mit jeder beliebigen UI-Library.
14 min readRemix
Remix ist das React-Framework, das Web-Standards an erste Stelle setzt. Es setzt auf HTTP, Formulare und Progressive Enhancement, sodass Ihre App bereits funktioniert, bevor das JavaScript geladen ist.
13 min readTesting
Vitest
Vitest ist der schnelle, Vite-native Test-Runner. Er nutzt deine Build-Konfiguration wieder, führt Tests parallel aus und bietet Jest-kompatible APIs mit erstklassigem TypeScript-Support.
13 min readJest
Jest ist der klassische JavaScript Test Runner: batteries-included, snapshot-fähig und nach wie vor der Standard in zahllosen Node und React Codebases.
13 min readTesting Library
Testing Library hilft Ihnen dabei, Komponenten so zu testen, wie ein Benutzer sie erlebt. Suchen Sie nach Rollen und Texten, interagieren Sie mit echten Events und hören Sie auf, Implementierungsdetails zu testen.
13 min readPlaywright
Playwright ist ein Framework für cross-browser End-to-End-Tests mit Auto-Waiting, leistungsstarken Locators und Tooling für Tracing, Codegen und visuelle Vergleiche — alles in einem Paket.
14 min readCypress
Cypress führt Tests direkt im Browser mit einem interaktiven Runner, automatischen Retries und einem Time-Travel-Debugger aus, was End-to-End-Tests ungewöhnlich zugänglich macht.
13 min readStorybook
Storybook ist eine Werkstatt für UI-Komponenten. Entwickeln und testen Sie diese isoliert, dokumentieren Sie jeden Zustand und finden Sie Accessibility- sowie visuelle Regressionen, bevor sie die Nutzer erreichen.
12 min readBuild Tools & Tooling
Vite
Vite ist das moderne Build-Tool, das deinen Quellcode in der Entwicklung über native ES-Module bereitstellt und ihn für die Produktion mit Rollup bündelt. Schneller Start, schnellere Iterationen.
14 min readnpm
npm ist der Standard-Package-Manager und die größte Software-Registry der Welt. Erfahren Sie, wie Abhängigkeiten installiert, Versionen aufgelöst und Projekt-Scripts ausgeführt werden.
13 min readpnpm
pnpm ist ein schneller, speichereffizienter Package Manager, der einen content-addressable Store und strikte symlinked node_modules verwendet. Er ist die erste Wahl für Monorepos.
13 min readESLint
ESLint ist der pluggable Linter, der Bugs findet und Konventionen erzwingt, bevor sie das Review erreichen. Mit Flat Config und TypeScript-Support passt er in jeden modernen Stack.
13 min readPrettier
Prettier ist der meinungsstarke Code-Formatter, der Stil-Debatten beendet. Er parst Ihren Code und schreibt ihn konsistent neu, sodass niemand mehr über Abstände, Anführungszeichen oder Semikolons streitet.
12 min readWebpack
Webpack ist der praxiserprobte Module Bundler. Er verwandelt einen Graphen aus Modulen, Assets und Abhängigkeiten in optimierte Bundles – und wer Webpack versteht, für den werden alle anderen Build-Tools klarer.
14 min readTurborepo
Turborepo ist ein hochperformantes Build-System für JavaScript Monorepos. Es führt Tasks über verschiedene Packages hinweg aus, cached die Ergebnisse und überspringt alles, was sich nicht geändert hat.
13 min readNext Steps
Web Performance
Performance ist ein Feature. Core Web Vitals, Lazy Loading, kleinere Bundles und intelligentes Caching entscheiden darüber, ob Nutzer bleiben oder gehen, noch bevor Ihre Seite überhaupt gerendert wird.
15 min readWeb Security
Sicherheit ist kein Feature, das man am Ende hinzufügt. XSS, CSRF, CORS und eine sichere Authentifizierung bilden die Basis, die jeder Webentwickler verstehen muss.
15 min readPWA & Service Workers
Eine Progressive Web App lässt sich wie eine native App installieren, funktioniert offline und lädt bei wiederholten Besuchen sofort. Service Worker und ein Web Manifest machen dies möglich.
14 min readGraphQL
GraphQL ermöglicht es Clients, exakt die Daten abzufragen, die sie benötigen – und das in einer einzigen Anfrage. Ein typisiertes Schema beschreibt die API, während Resolver die dahinterliegenden Daten abrufen.
14 min readGSAP
GSAP ist die Animationsbibliothek hinter polierten, scroll-gesteuerten Web-Erlebnissen. Timelines, Easing und ScrollTrigger bieten Ihnen eine frame-genaue Kontrolle, ohne gegen CSS ankämpfen zu müssen.
13 min readThree.js
Three.js macht WebGL zugänglich: Ein Scene Graph, Kameras, Materialien und Lichter ermöglichen es Ihnen, 3D-Erlebnisse für den Browser in einfachem JavaScript zu erstellen.
14 min readDocker & Deployment
Docker verpackt deine App und ihre Umgebung in ein Image, das überall gleich läuft. Multi-stage builds, Caching und CI/CD machen das Deployment zu einem wiederholbaren Prozess.
14 min readInternet & Networking
TCP/IP & Sockets
TCP/IP ist die Transportschicht unter jeder HTTP-Anfrage, jeder Datenbankverbindung und jedem WebSocket. Sockets sind die Schnittstelle, über die Ihr Code direkt damit kommuniziert.
14 min readWebSockets
WebSockets halten eine Verbindung in beide Richtungen offen, sodass der Server Daten in dem Moment pushen kann, in dem sie sich ändern, anstatt auf eine Anfrage zu warten.
14 min readNode.js Fundamentals
Node.js Basics
Node.js führt JavaScript außerhalb des Browsers auf dem Server aus. Sein nicht-blockierendes I/O und das riesige Ökosystem machen es zur natürlichen Wahl für APIs, Tools und Full-Stack-Apps.
15 min readNode.js Event Loop
Node führt Ihr JavaScript in einem einzigen Thread aus, bewältigt aber dennoch tausende von Verbindungen. Der Event Loop und seine Phasen sind der Grund, warum das funktioniert – und warum das Blockieren des Loops problematisch ist.
15 min readNode.js Streams
Streams verarbeiten Daten in Chunks, anstatt alles in den Speicher zu laden. So kopiert Node Dateien, komprimiert Payloads und leitet HTTP-Bodies effizient weiter.
15 min readNode.js File System
Das fs-Modul liest, schreibt und überwacht Dateien. Nutzen Sie die Promise-API, behandeln Sie Pfade sicher und verwenden Sie Streams für große Datenmengen.
14 min readAPI Design
REST APIs
REST ist ein Stil für das Design von HTTP APIs rund um Ressourcen. Wenn Nomen, Methoden und Statuscodes stimmen, fühlt sich Ihre API für jeden Client intuitiv an.
15 min readOpenAPI
OpenAPI ist eine maschinenlesbare Beschreibung einer HTTP API. Eine einzige Spezifikation kann Dokumentationen, Clients, Server und Tests generieren – sofern sie aktuell gehalten wird.
14 min readAPI Versioning
APIs ändern sich. Versionierung ist der Weg, Verbesserungen auszuliefern, ohne die Clients zu beeinträchtigen, die bereits von Ihnen abhängen – und wie man alte Versionen gezielt ausphasen kann.
13 min readRate Limiting
Rate Limiting schützt eine API vor Missbrauch, Bugs und außer Kontrolle geratenen Clients. Einige Algorithmen und klare Header sorgen dafür, dass Ihr Service für alle verfügbar bleibt.
14 min readWeb Frameworks
Express
Express ist das minimale, unvoreingenommene Node.js Web-Framework. Eine Route, eine Funktion und eine middleware Kette – das ist das gesamte mentale Modell, und dennoch treibt es einen riesigen Teil des Webs an.
16 min readFastify
Fastify ist ein schnelles, schema-first Node.js Web-Framework. JSON Schema kompiliert Ihre Validierung und Serialisierung, und kapselnde Plugins sorgen für eine saubere Struktur in großen Services.
15 min readNestJS
NestJS ist ein meinungsstarkes, von Angular inspiriertes Node.js Framework. Module, Controller und Provider bieten großen Teams eine gemeinsame Architektur und Dependency Injection direkt out-of-the-box.
16 min readHono
Hono ist ein ultraschnelles Web-Framework, das auf den Standard-Request- und Response-Objekten basiert. Einmal schreiben, ausführen auf Cloudflare Workers, Deno, Bun oder Node, mit End-to-End-Typisierung durch RPC.
14 min readKoa
Koa ist eine winzige async/await-Neuschreibung von Express durch dessen ursprüngliche Autoren. Ein Context-Objekt und eine Zwiebel aus middleware — alles andere ist ein Paket Ihrer Wahl.
14 min readLaravel
Laravel ist das PHP-Framework, das für die Zufriedenheit der Entwickler gebaut wurde: expressives Routing, das Eloquent ORM, Blade-Templates und ein Ökosystem, das alles von der Authentifizierung bis zum Deployment abdeckt.
16 min readSymfony
Symfony ist sowohl eine Sammlung wiederverwendbarer PHP-Komponenten als auch ein vollständiges Framework, das daraus aufgebaut wurde. Es setzt auf Struktur, Stabilität und langfristige Wartbarkeit bei großen Projekten anstelle von bloßer Bequemlichkeit.
15 min readDjango
Django ist das "Batteries-included" Web-Framework für Python. Models, Migrations, ein ORM, Templates, Auth und ein produktionsreifes Admin-Panel sind integriert, sodass Sie Ihre Daten definieren und Django den Rest erledigt.
16 min readFlask
Flask ist das minimale Python-Micro-Framework. Routing, ein Request-Objekt und Jinja-Templates erhältst du in einer einzigen Datei; weitere Erweiterungen fügst du genau dann hinzu, wenn die App wächst.
14 min readFastAPI
FastAPI ist das async Python-Framework, das auf Type Hints aufbaut. Pydantic validiert Ihre Daten, Starlette übernimmt das HTTP und die OpenAPI-Dokumentation schreibt sich von selbst.
15 min readRuby on Rails
Rails ist das Full-Stack Ruby-Framework, das auf dem Prinzip „Convention over Configuration“ basiert. Es übernimmt die langweiligen Teile – Dateinamen, Tabellennamen, Routen –, damit Sie Ihre Zeit in das Produkt investieren können.
15 min readSpring Boot
Spring Boot ist die meinungsstarke Schicht über dem Spring Framework, die einen Haufen von Konfigurationen in eine laufende Anwendung verwandelt: Starters, Auto-Konfiguration und ein eingebetteter Server.
16 min readDatabases
SQL
SQL ist die deklarative Sprache, um Fragen an relationale Daten zu stellen. Sie beschreiben das gewünschte Ergebnis und die Datenbank entscheidet, wie es berechnet wird.
14 min readPostgreSQL
PostgreSQL ist die relationale Datenbank, die Korrektheit ernst nimmt. Starke Typen, echte Transaktionen, JSONB und ein Erweiterungssystem machen sie zur Standardwahl für neue Anwendungen.
16 min readMySQL
MySQL ist die relationale Datenbank hinter einem riesigen Teil des Webs. InnoDB ermöglicht echte Transaktionen, Replikation vereinfacht die Skalierung von Lesezugriffen und das Ökosystem ist enorm.
15 min readMongoDB
MongoDB ist eine Dokumentdatenbank: Flexible BSON-Dokumente leben in Collections, werden mit einer JavaScript-ähnlichen Sprache abgefragt und skalieren über Replica Sets und Sharding.
15 min readRedis
Redis ist ein In-Memory-Datenstruktur-Server: Keys werden auf Strings, Hashes, Listen, Sets, Sorted Sets und Streams gemappt, die über einen Single-Threaded-Command-Loop aus dem RAM bereitgestellt werden.
14 min readORMs & Query Builders
Prisma
Prisma ist ein Schema-first ORM für TypeScript. Beschreiben Sie Ihre Modelle in der schema.prisma, generieren Sie einen vollständig typisierten Client und halten Sie die Datenbank mithilfe von Migrationen synchron.
15 min readDrizzle ORM
Drizzle ist ein TypeScript-first ORM, das SQL im Vordergrund behält. Definieren Sie Tabellen in TypeScript, erstellen Sie Abfragen, die das generierte SQL widerspiegeln, und lassen Sie alles auf einer schlanken, edge-freundlichen Runtime laufen.
14 min readTypeORM
TypeORM bildet TypeScript-Klassen mithilfe von Decorators auf Datenbanktabellen ab. Es unterstützt sowohl das Data Mapper- als auch das Active Record-Pattern und liefert Repositories, einen QueryBuilder und Migrationen in einem Paket.
15 min readKnex.js
Knex.js ist ein SQL Query Builder, kein vollständiges ORM. Er setzt Abfragen als JavaScript zusammen, bindet jeden Wert sicher, spricht mehrere Dialekte und liefert Migrationen sowie Seeds zusammen mit den Abfragen aus.
14 min readAuthentication & Authorization
Password Hashing
Passwörter sind das eine Geheimnis, das man niemals im Klartext speichern sollte. Ein langsamer, gesalzener Hash verwandelt eine gestohlene Datenbank in einen Haufen von Vermutungen, die niemals enden.
14 min readJWT
Ein JSON Web Token ist ein signierter, URL-sicherer String, der Claims über einen Benutzer transportiert. Kompakt und eigenständig, lässt er sich hervorragend skalieren, ist aber gleichzeitig anfällig für Implementierungsfehler.
15 min readOAuth 2.0
OAuth 2.0 ist ein Framework für delegierte Autorisierung, nicht für Authentifizierung. Es ermöglicht einem Benutzer, einer App begrenzten Zugriff auf seine Daten zu gewähren, ohne ein Passwort teilen zu müssen.
16 min readOpenID Connect
OAuth 2.0 autorisiert den Zugriff; OpenID Connect fügt die Identitätsebene hinzu, mit der Sie Benutzer anmelden können. Es ist das Protokoll hinter dem „Anmelden mit...“-Button.
15 min readSession-Authentifizierung
Die Session-Authentifizierung hält die Wahrheit auf dem Server. Eine zufällige Session-ID wird in einem HttpOnly-Cookie übertragen, während die Identität und Berechtigungen des Benutzers in einem Store liegen, den Sie kontrollieren und jederzeit widerrufen können.
14 min readRBAC
RBAC beantwortet pro Request eine einzige Frage: Darf dieser Principal diese Aktion an dieser Ressource ausführen? Rollen bündeln Berechtigungen, und eine einzige can()-Prüfung sorgt dafür, dass die Antwort überall konsistent bleibt.
15 min readAPI Keys
Ein API Key ist ein langlebiges Credential für Maschinen. Erstellen Sie ihn einmal, speichern Sie nur einen Hash, begrenzen Sie den Scope strikt und implementieren Sie eine Möglichkeit zur Rotation und zum Widerruf, bevor Sie diese jemals benötigen.
14 min readTesting
Supertest
Supertest steuert Ihre Node HTTP-App im selben Prozess und verwandelt API-Tests in einfache Assertions für Status, Header und Body — kein Server zum Starten, kein Port zu verwalten, kein Netzwerk zu mocken.
14 min readEnd-to-End Testing
End-to-End-Tests steuern das reale System so, wie es ein Nutzer tun würde. Sie sind langsam, in geringer Zahl vorhanden und unersetzlich: Sie sind die einzigen Tests, die beweisen können, dass eine Person eine Aufgabe tatsächlich abschließen kann.
15 min readCaching & Performance
Caching-Strategien
Caching sorgt dafür, dass Systeme unter Last schnell bleiben. Die Muster sind simpel; der schwierige Teil ist zu wissen, was man wie lange behält und wann man es wieder verwirft.
15 min readPagination
Jeder Collection-Endpoint benötigt ein Limit. Pagination verwandelt eine unbegrenzte Abfrage in eine vorhersehbare und die Wahl zwischen Offset und Cursor entscheidet darüber, ob sie performant bleibt.
14 min readBatch Processing
Batch Processing verschiebt langsame, wiederholbare Aufgaben aus dem Request-Pfad auf Worker. Die dazwischenliegende Queue macht das System resilient, beobachtbar und sicher für den Betrieb in großem Maßstab.
15 min readConnection Pooling
Das Öffnen einer Datenbankverbindung ist kostspielig. Ein Pool hält eine kleine Menge an Verbindungen offen und verwendet diese wieder. So werden pro-Request-Kosten in ein einmaliges Setup umgewandelt und die Datenbank vor Connection Storms geschützt.
14 min readMessage Queues & Real-time
Redis Queues
Eine Redis Job-Queue verschiebt langsame, wiederholbare Aufgaben hinter einen dauerhaften Buffer. BullMQ verwandelt Redis Lists und Streams in verzögerte Jobs, Retries, Prioritäten und wiederholbare Zeitpläne.
14 min readRabbitMQ
RabbitMQ ist ein AMQP Message Broker, der Nachrichten über Exchanges in Queues routet. Acknowledgements, Prefetch und Dead-Lettering machen es zu einem präzisen Werkzeug für Aufgaben, die nicht verloren gehen dürfen.
15 min readApache Kafka
Kafka ist ein verteiltes, Append-only Commit Log und keine Queue. Records werden einmal geschrieben und mehrfach gelesen, was Replay, Fan-out und Ordnungsgarantien ermöglicht, die ein klassischer Broker nicht bieten kann.
15 min readSocket.IO
Socket.IO ist ein Echtzeit-Event-Framework auf Basis von WebSockets. Es bietet Rooms, Acknowledgements, automatische Wiederverbindungen und einen Polling-Fallback, sodass Sie sich auf Features statt auf die Verbindungsinfrastruktur konzentrieren können.
14 min readDevOps & Deployment
CI/CD Pipelines
CI/CD verwandelt jede Änderung in ein getestetes, unveränderliches Artefakt und versendet genau dieses Artefakt jedes Mal auf die gleiche Weise. Eine Pipeline ist schlicht eine Sequenz von Jobs, die immer dann ausgeführt wird, wenn sich der Code bewegt.
15 min readLinux
Linux betreibt die große Mehrheit aller Server, Container und Cloud-Maschinen. Die wenigen Grundideen dahinter – alles ist eine Datei, Prozesse sind kostengünstig, Berechtigungen sind explizit – schalten jede Maschine frei, auf die Sie sich jemals per SSH einloggen werden.
15 min readNginx
Nginx ist der event-gesteuerte Webserver, der vor fast jeder Node, Python und Go App in der Produktion sitzt. Er terminiert TLS, liefert statische Dateien aus, verteilt die Last und schützt Ihren Prozess vor dem Internet.
15 min readCloud-Plattformen
Cloud-Deployment ist die Kunst zu entscheiden, wie viel Infrastruktur man selbst verwalten möchte. Vom einfachen VPS über ein verwaltetes PaaS bis hin zu Kubernetes bleibt der Trade-off derselbe: Kontrolle und Kosten gegen die Zeit, die man für den Betrieb aufwendet.
14 min readArchitecture & Patterns
Microservices
Microservices teilen eine Anwendung in unabhängig bereitstellbare Dienste auf, die sich an Geschäftsfunktionen orientieren. Ziel sind Team-Autonomie und unabhängige Releases, nicht das Skalieren um des Skalierens willen – und das Netzwerk zwischen ihnen ist der Preis dafür.
16 min readModularer Monolith
Ein modularer Monolith ist eine einzige deploybare Einheit mit strikten internen Grenzen. Man behält In-Process-Aufrufe, eine einzige Transaktion und eine Pipeline bei, während jedes Geschäftsmodul seine eigenen Daten besitzt und eine kleine öffentliche Schnittstelle bereitstellt – sodass es später in einen eigenen Service überführt werden kann, falls dies jemals notwendig wird.
14 min readEvent-Driven Architecture
Event-driven architecture ersetzt direkte Aufrufe durch Fakten. Ein Service zeichnet auf, dass etwas passiert ist, und macht weiter, während andere Services zu ihrem eigenen Zeitpunkt darauf reagieren. Die Kopplung sinkt – und damit auch die Gewissheit.
15 min readClean Architecture
Clean Architecture ist eine einzige Regel mit weitreichenden Folgen: Abhängigkeiten zeigen nach innen. Die Domain weiß nichts über die Datenbank, das Framework oder HTTP, sodass Geschäftsregeln getestet und geändert werden können, ohne die Infrastruktur mitzuziehen.
14 min read