Wibify Wissen
Technik verstehen. Besser entscheiden.
500 kurze Praxisguides zu Web-Frameworks, CMS, Programmiersprachen, Frontend und KI. Wählen Sie eine Technologie und dann die konkrete Frage, die Sie gerade beschäftigt.
01 / 05
Web-Frameworks
Architektur, Rendering und Betrieb moderner Webanwendungen.
Next.jsNext.js verbindet React mit Routing, serverseitiger Verarbeitung und Werkzeugen für die Auslieferung von Websites.
- Next.js: Einstieg
- Next.js: Projektstruktur
- Next.js: Routing
- Next.js: Rendering
- Next.js: Daten laden
- Next.js: Caching
- Next.js: Formulare
- Next.js: Authentifizierung
- Next.js: APIs
- Next.js: SEO
- Next.js: Metadaten
- Next.js: Bilder
- Next.js: Performance
- Next.js: Barrierefreiheit
- Next.js: Tests
- Next.js: Deployment
- Next.js: Migration
- Next.js: Internationalisierung
- Next.js: Monitoring
- Next.js: Fehlerbehebung
Nuxt.jsNuxt baut auf Vue auf und bringt Dateirouting, Datenzugriff und verschiedene Rendering-Strategien zusammen.
- Nuxt.js: Einstieg
- Nuxt.js: Projektstruktur
- Nuxt.js: Routing
- Nuxt.js: Rendering
- Nuxt.js: Daten laden
- Nuxt.js: Caching
- Nuxt.js: Formulare
- Nuxt.js: Authentifizierung
- Nuxt.js: APIs
- Nuxt.js: SEO
- Nuxt.js: Metadaten
- Nuxt.js: Bilder
- Nuxt.js: Performance
- Nuxt.js: Barrierefreiheit
- Nuxt.js: Tests
- Nuxt.js: Deployment
- Nuxt.js: Migration
- Nuxt.js: Internationalisierung
- Nuxt.js: Monitoring
- Nuxt.js: Fehlerbehebung
AstroAstro eignet sich besonders für inhaltsreiche Websites und lädt Interaktivität gezielt als Inseln.
- Astro: Einstieg
- Astro: Projektstruktur
- Astro: Routing
- Astro: Rendering
- Astro: Daten laden
- Astro: Caching
- Astro: Formulare
- Astro: Authentifizierung
- Astro: APIs
- Astro: SEO
- Astro: Metadaten
- Astro: Bilder
- Astro: Performance
- Astro: Barrierefreiheit
- Astro: Tests
- Astro: Deployment
- Astro: Migration
- Astro: Internationalisierung
- Astro: Monitoring
- Astro: Fehlerbehebung
SvelteKitSvelteKit ergänzt Svelte um Dateirouting, Datenladung, Formularaktionen und Server-Endpunkte.
- SvelteKit: Einstieg
- SvelteKit: Projektstruktur
- SvelteKit: Routing
- SvelteKit: Rendering
- SvelteKit: Daten laden
- SvelteKit: Caching
- SvelteKit: Formulare
- SvelteKit: Authentifizierung
- SvelteKit: APIs
- SvelteKit: SEO
- SvelteKit: Metadaten
- SvelteKit: Bilder
- SvelteKit: Performance
- SvelteKit: Barrierefreiheit
- SvelteKit: Tests
- SvelteKit: Deployment
- SvelteKit: Migration
- SvelteKit: Internationalisierung
- SvelteKit: Monitoring
- SvelteKit: Fehlerbehebung
AngularAngular bietet ein strukturiertes Framework für Komponenten, Routing, Formulare und große Anwendungen.
- Angular: Einstieg
- Angular: Projektstruktur
- Angular: Routing
- Angular: Rendering
- Angular: Daten laden
- Angular: Caching
- Angular: Formulare
- Angular: Authentifizierung
- Angular: APIs
- Angular: SEO
- Angular: Metadaten
- Angular: Bilder
- Angular: Performance
- Angular: Barrierefreiheit
- Angular: Tests
- Angular: Deployment
- Angular: Migration
- Angular: Internationalisierung
- Angular: Monitoring
- Angular: Fehlerbehebung
02 / 05
CMS & Shops
Inhalte, Commerce und Redaktionsabläufe sinnvoll organisieren.
WordPressWordPress verwaltet Seiten und Beiträge über ein offenes CMS mit Themes, Blöcken und Erweiterungen.
- WordPress: Auswahl
- WordPress: Einrichtung
- WordPress: Themes
- WordPress: Erweiterungen
- WordPress: Content-Modell
- WordPress: Redaktionsprozess
- WordPress: SEO
- WordPress: Performance
- WordPress: Sicherheit
- WordPress: Backups
- WordPress: Updates
- WordPress: Formulare
- WordPress: Shop
- WordPress: Mehrsprachigkeit
- WordPress: Barrierefreiheit
- WordPress: Analytics
- WordPress: Headless
- WordPress: Migration
- WordPress: Hosting
- WordPress: Wartung
ShopifyShopify bündelt Shop-Verwaltung, Produkte, Checkout und Hosting in einer Commerce-Plattform.
- Shopify: Auswahl
- Shopify: Einrichtung
- Shopify: Themes
- Shopify: Erweiterungen
- Shopify: Content-Modell
- Shopify: Redaktionsprozess
- Shopify: SEO
- Shopify: Performance
- Shopify: Sicherheit
- Shopify: Backups
- Shopify: Updates
- Shopify: Formulare
- Shopify: Shop
- Shopify: Mehrsprachigkeit
- Shopify: Barrierefreiheit
- Shopify: Analytics
- Shopify: Headless
- Shopify: Migration
- Shopify: Hosting
- Shopify: Wartung
WooCommerceWooCommerce erweitert WordPress um Produkte, Warenkorb, Bestellungen und Checkout.
- WooCommerce: Auswahl
- WooCommerce: Einrichtung
- WooCommerce: Themes
- WooCommerce: Erweiterungen
- WooCommerce: Content-Modell
- WooCommerce: Redaktionsprozess
- WooCommerce: SEO
- WooCommerce: Performance
- WooCommerce: Sicherheit
- WooCommerce: Backups
- WooCommerce: Updates
- WooCommerce: Formulare
- WooCommerce: Shop
- WooCommerce: Mehrsprachigkeit
- WooCommerce: Barrierefreiheit
- WooCommerce: Analytics
- WooCommerce: Headless
- WooCommerce: Migration
- WooCommerce: Hosting
- WooCommerce: Wartung
DrupalDrupal ist ein CMS mit flexiblen Inhaltstypen, Rollen und strukturierten Redaktionsabläufen.
- Drupal: Auswahl
- Drupal: Einrichtung
- Drupal: Themes
- Drupal: Erweiterungen
- Drupal: Content-Modell
- Drupal: Redaktionsprozess
- Drupal: SEO
- Drupal: Performance
- Drupal: Sicherheit
- Drupal: Backups
- Drupal: Updates
- Drupal: Formulare
- Drupal: Shop
- Drupal: Mehrsprachigkeit
- Drupal: Barrierefreiheit
- Drupal: Analytics
- Drupal: Headless
- Drupal: Migration
- Drupal: Hosting
- Drupal: Wartung
StrapiStrapi stellt strukturierte Inhalte als Headless CMS über APIs bereit.
- Strapi: Auswahl
- Strapi: Einrichtung
- Strapi: Themes
- Strapi: Erweiterungen
- Strapi: Content-Modell
- Strapi: Redaktionsprozess
- Strapi: SEO
- Strapi: Performance
- Strapi: Sicherheit
- Strapi: Backups
- Strapi: Updates
- Strapi: Formulare
- Strapi: Shop
- Strapi: Mehrsprachigkeit
- Strapi: Barrierefreiheit
- Strapi: Analytics
- Strapi: Headless
- Strapi: Migration
- Strapi: Hosting
- Strapi: Wartung
03 / 05
Programmiersprachen
Code verstehen, sauber strukturieren und sicher betreiben.
JavaScriptJavaScript steuert Verhalten im Browser und läuft mit passenden Laufzeitumgebungen auch auf Servern.
- JavaScript: Einstieg
- JavaScript: Syntax
- JavaScript: Variablen
- JavaScript: Funktionen
- JavaScript: Datenstrukturen
- JavaScript: Asynchronität
- JavaScript: Module
- JavaScript: Typen
- JavaScript: Fehlerbehandlung
- JavaScript: Tests
- JavaScript: Debugging
- JavaScript: APIs
- JavaScript: Sicherheit
- JavaScript: Performance
- JavaScript: Tooling
- JavaScript: Datenbanken
- JavaScript: Deployment
- JavaScript: Codequalität
- JavaScript: Migration
- JavaScript: Praxisbeispiel
TypeScriptTypeScript ergänzt JavaScript um statische Typprüfung und verbessert die Arbeit an größeren Codebasen.
- TypeScript: Einstieg
- TypeScript: Syntax
- TypeScript: Variablen
- TypeScript: Funktionen
- TypeScript: Datenstrukturen
- TypeScript: Asynchronität
- TypeScript: Module
- TypeScript: Typen
- TypeScript: Fehlerbehandlung
- TypeScript: Tests
- TypeScript: Debugging
- TypeScript: APIs
- TypeScript: Sicherheit
- TypeScript: Performance
- TypeScript: Tooling
- TypeScript: Datenbanken
- TypeScript: Deployment
- TypeScript: Codequalität
- TypeScript: Migration
- TypeScript: Praxisbeispiel
PythonPython wird für Automatisierung, Datenverarbeitung, Webdienste und KI-Anwendungen eingesetzt.
- Python: Einstieg
- Python: Syntax
- Python: Variablen
- Python: Funktionen
- Python: Datenstrukturen
- Python: Asynchronität
- Python: Module
- Python: Typen
- Python: Fehlerbehandlung
- Python: Tests
- Python: Debugging
- Python: APIs
- Python: Sicherheit
- Python: Performance
- Python: Tooling
- Python: Datenbanken
- Python: Deployment
- Python: Codequalität
- Python: Migration
- Python: Praxisbeispiel
PHPPHP verarbeitet Webanfragen serverseitig und treibt viele CMS- und Shop-Systeme an.
GoGo eignet sich für Netzwerkdienste, Kommandozeilen-Werkzeuge und klar strukturierte Serverprogramme.
04 / 05
Frontend
Oberflächen entwickeln, die zugänglich und schnell sind.
ReactReact beschreibt Benutzeroberflächen als Komponenten, deren Ausgabe vom Zustand abhängt.
- React: Grundlagen
- React: Syntax
- React: Bausteine
- React: Styling
- React: Zustand
- React: Formulare
- React: Ereignisse
- React: Navigation
- React: Barrierefreiheit
- React: SEO
- React: Performance
- React: Tests
- React: Animation
- React: Responsive Design
- React: Architektur
- React: Sicherheit
- React: Build
- React: Integration
- React: Migration
- React: Fehlersuche
VueVue verbindet deklarative Templates mit reaktiven Daten und Komponenten.
SvelteSvelte kompiliert Komponenten und bietet reaktive Zustände mit wenig Laufzeit-Overhead.
- Svelte: Grundlagen
- Svelte: Syntax
- Svelte: Bausteine
- Svelte: Styling
- Svelte: Zustand
- Svelte: Formulare
- Svelte: Ereignisse
- Svelte: Navigation
- Svelte: Barrierefreiheit
- Svelte: SEO
- Svelte: Performance
- Svelte: Tests
- Svelte: Animation
- Svelte: Responsive Design
- Svelte: Architektur
- Svelte: Sicherheit
- Svelte: Build
- Svelte: Integration
- Svelte: Migration
- Svelte: Fehlersuche
HTMLHTML gibt Webinhalten Struktur und Bedeutung, auf der Browser, Suchmaschinen und Hilfstechnologien aufbauen.
- HTML: Grundlagen
- HTML: Syntax
- HTML: Bausteine
- HTML: Styling
- HTML: Zustand
- HTML: Formulare
- HTML: Ereignisse
- HTML: Navigation
- HTML: Barrierefreiheit
- HTML: SEO
- HTML: Performance
- HTML: Tests
- HTML: Animation
- HTML: Responsive Design
- HTML: Architektur
- HTML: Sicherheit
- HTML: Build
- HTML: Integration
- HTML: Migration
- HTML: Fehlersuche
CSSCSS gestaltet Layout, Typografie, Farben und responsives Verhalten von Weboberflächen.
05 / 05
Künstliche Intelligenz
KI-Anwendungen mit überprüfbarem Nutzen und klaren Grenzen.
OpenAI APIDie OpenAI API bindet Sprach- und andere KI-Modelle in eigene Anwendungen und Prozesse ein.
- OpenAI API: Grundlagen
- OpenAI API: Anwendungsfälle
- OpenAI API: Prompts
- OpenAI API: Kontext
- OpenAI API: Daten
- OpenAI API: Evaluation
- OpenAI API: Halluzinationen
- OpenAI API: Sicherheit
- OpenAI API: Datenschutz
- OpenAI API: Kosten
- OpenAI API: Latenz
- OpenAI API: Tools
- OpenAI API: Integration
- OpenAI API: Architektur
- OpenAI API: Deployment
- OpenAI API: Monitoring
- OpenAI API: Menschliche Prüfung
- OpenAI API: Barrierefreiheit
- OpenAI API: Fehlerbehebung
- OpenAI API: Checkliste
Large Language ModelsLarge Language Models verarbeiten und erzeugen Sprache auf Basis gelernter Muster und bereitgestelltem Kontext.
- Large Language Models: Grundlagen
- Large Language Models: Anwendungsfälle
- Large Language Models: Prompts
- Large Language Models: Kontext
- Large Language Models: Daten
- Large Language Models: Evaluation
- Large Language Models: Halluzinationen
- Large Language Models: Sicherheit
- Large Language Models: Datenschutz
- Large Language Models: Kosten
- Large Language Models: Latenz
- Large Language Models: Tools
- Large Language Models: Integration
- Large Language Models: Architektur
- Large Language Models: Deployment
- Large Language Models: Monitoring
- Large Language Models: Menschliche Prüfung
- Large Language Models: Barrierefreiheit
- Large Language Models: Fehlerbehebung
- Large Language Models: Checkliste
Retrieval-Augmented GenerationRAG verbindet ein Sprachmodell mit gezielt abgerufenen Dokumenten oder Datensätzen.
- Retrieval-Augmented Generation: Grundlagen
- Retrieval-Augmented Generation: Anwendungsfälle
- Retrieval-Augmented Generation: Prompts
- Retrieval-Augmented Generation: Kontext
- Retrieval-Augmented Generation: Daten
- Retrieval-Augmented Generation: Evaluation
- Retrieval-Augmented Generation: Halluzinationen
- Retrieval-Augmented Generation: Sicherheit
- Retrieval-Augmented Generation: Datenschutz
- Retrieval-Augmented Generation: Kosten
- Retrieval-Augmented Generation: Latenz
- Retrieval-Augmented Generation: Tools
- Retrieval-Augmented Generation: Integration
- Retrieval-Augmented Generation: Architektur
- Retrieval-Augmented Generation: Deployment
- Retrieval-Augmented Generation: Monitoring
- Retrieval-Augmented Generation: Menschliche Prüfung
- Retrieval-Augmented Generation: Barrierefreiheit
- Retrieval-Augmented Generation: Fehlerbehebung
- Retrieval-Augmented Generation: Checkliste
KI-AgentenKI-Agenten wählen innerhalb definierter Grenzen Schritte und Werkzeuge zur Bearbeitung einer Aufgabe.
- KI-Agenten: Grundlagen
- KI-Agenten: Anwendungsfälle
- KI-Agenten: Prompts
- KI-Agenten: Kontext
- KI-Agenten: Daten
- KI-Agenten: Evaluation
- KI-Agenten: Halluzinationen
- KI-Agenten: Sicherheit
- KI-Agenten: Datenschutz
- KI-Agenten: Kosten
- KI-Agenten: Latenz
- KI-Agenten: Tools
- KI-Agenten: Integration
- KI-Agenten: Architektur
- KI-Agenten: Deployment
- KI-Agenten: Monitoring
- KI-Agenten: Menschliche Prüfung
- KI-Agenten: Barrierefreiheit
- KI-Agenten: Fehlerbehebung
- KI-Agenten: Checkliste
KI-ChatbotsKI-Chatbots beantworten Fragen in einer Oberfläche und können passende Informationen oder Prozesse anbieten.
- KI-Chatbots: Grundlagen
- KI-Chatbots: Anwendungsfälle
- KI-Chatbots: Prompts
- KI-Chatbots: Kontext
- KI-Chatbots: Daten
- KI-Chatbots: Evaluation
- KI-Chatbots: Halluzinationen
- KI-Chatbots: Sicherheit
- KI-Chatbots: Datenschutz
- KI-Chatbots: Kosten
- KI-Chatbots: Latenz
- KI-Chatbots: Tools
- KI-Chatbots: Integration
- KI-Chatbots: Architektur
- KI-Chatbots: Deployment
- KI-Chatbots: Monitoring
- KI-Chatbots: Menschliche Prüfung
- KI-Chatbots: Barrierefreiheit
- KI-Chatbots: Fehlerbehebung
- KI-Chatbots: Checkliste