Migration von Vue 2 zu Vue 3: Wichtige Änderungen bei v-for und v-if

Vue 2 und Vue 3 nutzen häufig die Directives v-for und v-if, die unter anderem dazu dienen, Listen unbekannter Länge oder bedingte Inhalte in Vue-Anwendungen darzustellen. Die Funktionsweise dieser Directives hat sich in Vue 3 jedoch verändert, was sich auf Ihre Code-Verwendung auswirkt. Der Hauptunterschied zwischen Vue 2 und Vue 3 in Bezug auf v-for … Weiterlesen …

Laragon PHP-Version ändern

Laragon ist ein leistungsstarkes lokales Entwicklungs-Tool. Mit seiner Hilfe können verschiedene Versionen von PHP problemlos unterstützt werden. Das Wechseln zwischen diesen Versionen ist mit den richtigen Schritten recht einfach. In diesem Beitrag zeigen wir Ihnen, wie Sie unter Windows mit Laragon Ihre PHP-Version in der grafischen Benutzeroberfläche ändern und wo Sie die entsprechenden Dateien finden … Weiterlesen …

WebP: Das effiziente Bildformat für schnellere Webseiten

In der dynamischen Welt des Internets sind schnelle Ladezeiten essenziell für ein positives Nutzererlebnis. Langsame Webseiten führen zu höheren Absprungraten, weniger Seitenaufrufen und letztlich zu geringerem Umsatz. Eine effektive Methode zur Leistungssteigerung ist die Optimierung der Bildgrößen – genau hier setzt das WebP-Format an. Dieser Artikel beleuchtet das Potenzial von WebP für Ihre Webseite. Google … Weiterlesen …

Jobs und Warteschlangen in Laravel

Die Einrichtung von Jobs und Warteschlangen in Laravel kann die Leistung Ihrer Anwendung verbessern, indem zeitaufwändige Aufgaben in den Hintergrund verlagert werden. So kann Ihre Anwendung weiterhin andere Anfragen bedienen, während der Job in der Warteschlange verarbeitet wird. Um Jobs und Warteschlangen in Laravel einzurichten, müssen Sie zunächst Ihre Warteschlangenverbindung in der Datei ‚config/queue.php‘ konfigurieren. … Weiterlesen …

Web Push Benachrichtigungen in Laravel und Vue.JS Anwendungen

In diesem Blog-Beitrag zeigen wir, wie man Web-Push-Benachrichtigungen zu einem Laravel-Backend mit einem Vue.js-Frontend hinzufügen kann. Web-Push-Benachrichtigungen ermöglichen es, Benachrichtigungen an Benutzer zu senden, auch wenn diese die Website nicht aktiv nutzen. Dies kann in einer Vielzahl von Situationen nützlich sein, zum Beispiel wenn Benutzer über neue Tickets in einem Ticketsystem benachrichtigt werden sollen, wie … Weiterlesen …

iOS und Android App Entwicklung mit Vue.js, Ionic und Codemagic

Ionic ist ein Cross-Plattform Toolkit, mit dem man Apps für iOS und Android erstellen kann. Unter der Haube kann man sich für eins der gängigen Javascript Frameworks (React, Angular oder Vue) entscheiden und dies mit extra Plugins unterstützen, um die systemeigenen APIs anzusprechen (Funktionen wie Vibration, GPS, etc.). Auch bringt Ionic eigene UI-Elemente, die sich … Weiterlesen …

Übersetzungen leicht gemacht: Web-Dev mit i18n-Ally für Visual Studio Code

Wer schon einmal an einer mehrsprachigen Website oder JS-Applikation gearbeitet hat ist sicherlich über i18n gestoßen. Für größere Webseiten mit einem internationalen Publikum ist i18n häufig im Einsatz. Jedoch ist der Support für i18n in IDEs sehr ausbaufähig. Visual Studio Code behandelt standardmäßig Übersetzungsstrings wie jede andere Variable, welche zu runtime aufgelöst wird. Ob der … Weiterlesen …

Automatische Generierung von API-Dokumentation in Laravel

Das erstellen von Schnittstellen Dokumentationen ist aufwendig, fehleranfällig und benötigt viel Zeit. Mit dem Composer Paket Scramble kann automatisch API-Dokumentationen erstellt werden und diese auf einer Unterseite präsentiert werden. Die Dokumentation wird im OpenAPI 3.1.0 Format erstellt und mit Hilfe von Spotlight Elements präsentiert. Auf der Zieldomain kann nach erfolgreicher Installation die Dokumentation unter domain.tld/docs/api … Weiterlesen …

LAMP Stack für Laravel auf WSL installieren

Für Windows existieren eine Vielzahl von LAMP Applikationen wie Laragon oder XAMPP. Allerdings sind einige nützliche Pakete, die man zu Laravel hinzufügen kann, nicht mit Windows kompatibel. Auch Funktionen wie der Scheduler oder Queue Workers können nur über Umwege getestet werden. Anstelle für jeden Entwickler bei jedem Projekt Server zu erstellen und echte Domains darauf … Weiterlesen …

Back Funktion in Vue mit Vue-Router abfangen

Bei der Entwicklung von Vue Webanwendungen hat man in der Regel mehrere Ansichten oder Dialoge innerhalb einer Unterseite. Bei dem Betätigen der Zurücktaste im Browser oder direkt an der Maus wird allerdings die letzte Seite in der History geöffnet. Etwaige Fortschritte gehen somit verloren. Eine einfache Möglichkeit dieses Verhalten abzufangen sind Router Guards. Wir können … Weiterlesen …