API rein, Klarheit raus: State-Management mit Pinia und Service-Layer

In diesem Beitrag erfahren Sie, wie Sie Ihre Vue-3-App strukturiert an eine externe API anbinden, einen klaren Service-Layer aufbauen und mit Pinia den State Ihrer Webinare verwalten. Sie lernen, wie automatisch das nächste passende Webinar ausgewählt wird und wie Ihr Store die HomeView.vue mit den richtigen Daten versorgt.
weiterlesen...

Funktionsumfang unserer Webinar-Applikation

In den letzten drei Beiträgen haben wir bereits gelernt, wie man eine moderne Vue-Anwendung mit Pinia und dem Vue Router aufsetzt und sie anschließend mit einem Git-Repository verbindet. In diesem vierten Teil geht es nun nicht mehr um Technik, sondern um Planung: Wir definieren gemeinsam die Ziele und den Funktionsumfang unserer Webinar-Applikation. Dabei halten wir fest, was die App können soll – noch bevor wir uns darum kümmern, wie wir es technisch umsetzen.
weiterlesen...

Vue 3 Entwicklungsumgebung mit Vite und Pinia – Teil 3

In diesem Teil richten Sie die Versionsverwaltung für Ihr bestehendes Vue/Vite-Projekt ein. Da bisher weder lokal noch auf GitHub ein Repository existiert, beginnen Sie mit der Einrichtung von Git direkt auf Ihrem Rechner. Ziel ist es, Ihr Projekt zukünftig sauber zu versionieren und Änderungen nachvollziehbar zu speichern. Im nächsten Schritt wird eine Datei vorbereitet, die festlegt, welche Projektordner und Dateien nicht in die Versionsverwaltung aufgenommen werden sollen – zum Beispiel temporäre Dateien oder automatisch erzeugte Build-Ordner. Sobald die lokale Struktur steht, wird das Projekt erstmals gesichert und anschließend ein neues, leeres Repository auf GitHub erstellt. Dieses dient als zentrale Ablage und ermöglicht Ihnen, Ihr Projekt später von überall aus fortzusetzen oder gemeinsam daran zu arbeiten. Zum Abschluss werden beide Repositories miteinander verbunden, sodass Ihr lokaler Projektstand künftig auch online auf GitHub verfügbar ist.
weiterlesen...

Vue 3 Entwicklungsumgebung mit Vite und Pinia – Teil 2

Im zweiten Teil unserer Serie zur modernen Vue-Entwicklung lernen Sie, wie Sie Pinia als zentrales State-Management-System in Ihr Vite-Projekt integrieren, den ersten Store anlegen und ihn in verschiedenen Komponenten verwenden. Außerdem erweitern Sie Ihre Anwendung um den Vue Router, um echte Navigation zwischen mehreren Views zu ermöglichen. Damit ist Ihr Setup bereit für komplexere Strukturen, dynamische Ansichten und eine saubere Trennung von Logik und Darstellung.
weiterlesen...

Vue 3 Entwicklungsumgebung mit Vite und Pinia – Teil 1

Sie möchten mit Vue 3 starten und suchen das perfekte Setup? In dieser Anleitung lernen Sie, wie Sie mit Vite, TypeScript und Pinia eine moderne Web-App erstellen – einfach, schnell und zukunftssicher.
weiterlesen...

WordPress-Plugins selbst programmieren

Ein eigenes WordPress-Plugin zu schreiben ist leichter, als viele denken. Statt Code-Snippets im Theme zu verstecken, lohnt sich eine saubere, modulare Lösung – update-sicher, wiederverwendbar und professionell versionierbar. In diesem Beitrag erfahren Sie, warum eigene Plugins so mächtig sind, wie Hooks (Actions & Filter) wirklich funktionieren und wie Sie mit einer klaren Struktur und einer einfachen REST-API im Handumdrehen Ihr erstes Plugin entwickeln – inklusive Praxistipps und Tool-Empfehlungen für einen sauberen Start.
weiterlesen...

Online-Marketing verstehen

Online-Marketing ist längst mehr als nur Werbung im Internet – es ist das Herzstück moderner Unternehmenskommunikation. Erfahren Sie, welche Strategien wirklich wirken, wie Sie mit SEO, SEM und datenbasierter Analyse langfristig wachsen und warum Datenschutz und DSGVO-Konformität dabei unverzichtbar sind.
weiterlesen...

Der Weg zum perfekten Webfont

Die Wahl des richtigen Webfonts ist entscheidend für das Erscheinungsbild und die Professionalität Ihrer Website. Doch neben Design und Lesbarkeit spielen auch Ladezeit, Lizenzrecht und Datenschutz eine zentrale Rolle. In diesem Beitrag erfahren Sie, wie Sie Schriften rechtssicher verwenden, in passende Webformate konvertieren und lokal auf Ihrem Server hosten. Außerdem zeigen wir, wie Sie Ihre Webfonts einfach per CSS oder direkt in WordPress mit Elementor einbinden – ganz ohne Risiko und mit maximaler Kontrolle.
weiterlesen...