Der März hatte wieder einiges für Entwickler:innen und Kreative zu bieten.
Wir werfen einen Blick auf die neuesten Verbesserungen in Elementor 3.28 und Angular 19.2, dazu gibt’s ein kompaktes Update zu den wichtigsten Neuerungen in JDK 24.
Außerdem: ein Tipp für ein günstiges Abo, das viele beliebte KI-Tools für Bild-, Video- und Sprachgenerierung vereint – perfekt für alle, die kreativ arbeiten. Und zum Schluss stellen wir euch Lynx JS vor – ein brandneues Framework, das das Cross-Platform-Game ordentlich durcheinanderwirbeln könnte.
1
Elementor 3.28
Mikuláš Žačok
Visual Content Creator
Wir haben ein neues Update, das sich vor allem auf die Optimierung und das Laden von Inhalten konzentriert.
Wer mit Elementor arbeitet, kennt vielleicht das Problem: Das Styling der Seite wird plötzlich zerschossen – häufig in Kombination mit Caching-Plugins. Ein altbekanntes Ärgernis, das ich selbst nur zu gut kenne.
In solchen Fällen hilft die Funktion „Regenerate Files & Data“, zu finden unter Admin > Elementor > Tools.
Auch wenn es sich nicht um eine neue Lösung handelt, wurde die Funktion in „Clear Files & Data“ umbenannt und ist jetzt deutlich einfacher zugänglich – zusätzlich zum ursprünglichen Ort findet man sie jetzt auch in der oberen WordPress-Leiste unter Edit with Elementor > Clear Files & Data.
Weitere kleinere, aber willkommene Verbesserungen:
- Im Text Editor Widget kann man endlich die Linkfarbe individuell anpassen.
- Im Button Widget lässt sich nun ein Hover-Schatten separat einstellen.
- Die Widgets CTA, Animated Headline und Testimonial Carousel bieten jetzt die Möglichkeit, einen Schatten für Überschriften hinzuzufügen.
2
Angular 19.2: Neuigkeiten und Verbesserungen für Entwickler
Ján Hažinčák
Developer
Das Angular-Team hat Ende Februar die neue Minor-Version 19.2 veröffentlicht, die gleich mehrere Verbesserungen mit sich bringt. Dazu gehören zum Beispiel eine vereinfachte Syntax in HTML-Templates, die Unterstützung der neuesten TypeScript-Version sowie eine neue API namens httpResource zur Arbeit mit asynchronen Datenquellen.
Unterstützung von TypeScript 5.8
Angular 19.2 ist vollständig kompatibel mit der neuesten TypeScript-Version 5.8, was Entwicklern den Zugriff auf die neuesten Sprachfunktionen ermöglicht.
Unterstützung von Template Literals in HTML-Templates
Die neue Version bringt Unterstützung für Template Literals direkt in HTML-Templates, was die Lesbarkeit des Codes verbessert und die Notwendigkeit komplizierter Textverkettungen (String Concatenation) beseitigt.
Instead of:
<p>There are ' + numberOfProducts() + ' units of product ' + nameOfProduct() + ' in stock.</p>
<p>{{ orderStatus() === 'shipped' ? 'Order has been shipped.' : 'Order status: ' + orderStatus() }}</p>
You can use:
<p>There are {{ `${numberOfProducts()} units of product ${nameOfProduct()}.` }} in stock.</p>
<p>{{ orderStatus === 'shipped' ? 'Order has been shipped.' : `Order status: ${orderStatus}` }}</p>
Erkennung fehlender Importe
In früheren Angular-Versionen wurde ein Warnhinweis vom Compiler ausgegeben, wenn man den Import einer eingebauten strukturellen Direktive wie ngIf oder ngFor aus dem CommonModule vergessen hatte. Bei benutzerdefinierten strukturellen Direktiven hingegen wurde bei fehlenden Importen keine Warnung angezeigt – die Anwendung hörte einfach auf zu funktionieren, ohne eine Fehlermeldung auszugeben.
Ab Angular 19.2 kann der Compiler nun auch fehlende Importe für benutzerdefinierte strukturelle Direktiven erkennen. Das ist ein großer Fortschritt, insbesondere beim frühzeitigen Erkennen von Problemen – zum Beispiel bei der Migration eines Projekts auf eine Standalone-Architektur.
Neue httpResource API (experimentelle Vorschau)
query = signal('');
users = httpResource<User[]>(() => `https://jsonplaceholder.typicode.com/users?name_like=${this.query()}`);
Diese einfache Syntax reagiert sofort auf Änderungen des query()-Signals und löst einen API-Aufruf aus. Die als users benannte httpResource steht anschließend direkt im HTML-Template zur Verfügung, wo sich alle relevanten Zustände ganz einfach mit integrierten Funktionen wie value(), isLoading(), error() und reload() anzeigen lassen.
@if (users.isLoading()) {
<app-spinner-element/>
}
@if (users.error()) {
<div>{{ users.error() }}</div>
}
<section>
<button (click)="users.reload()">Reload</button>
<button (click)="users.set([])">Clear</button>
</section>
<ul>
@for (user of users.value(); track user.id) {
<li>{{ user.name }}</li>
} @empty {
<li class="no-data">Nothing to show</li>
}
</ul>
Die Konfiguration der httpResource-API kann benutzerdefinierte Header sowie beispielsweise auch das Parsen von Daten enthalten und ist mit Angular Interceptors kompatibel.
Grundsätzlich wird empfohlen, httpResource ausschließlich für das Abrufen von Daten (GET) zu verwenden – und genau dafür ist es auch gedacht. Für das Mutieren von Daten (POST, PUT, PATCH, DELETE) wird weiterhin der HttpClient benötigt.
httpResource ist also kein Ersatz für den HttpClient, sondern vielmehr eine Erweiterung, die eine reaktivere Datenabfrage mit einer vereinfachten Syntax ermöglicht. Das kann besonders nützlich sein bei individuellen Tabellenlösungen mit Paginierung, Filterung und Suchfunktionen.
Angular 19.2 bringt eine Reihe von Verbesserungen, die die Entwicklung vereinfachen und das Entwicklererlebnis optimieren. Das Angular-Team arbeitet kontinuierlich daran, das Framework modern, leistungsfähig und attraktiv für die Webentwicklung von heute zu gestalten. Die neuen Features und Verbesserungen zeigen, dass Angular mit aktuellen Trends und Entwicklerbedürfnissen Schritt hält und sich so seinen Platz unter den führenden Frameworks sichert.
3
Ein smarter Abo-Tipp für KI-gestützte Kreative (Bild- & Video-Generatoren)
Lukáš Figely
DeveloperUX/UI dizajnér
Wir haben zuvor schon einige KI-Videogeneratoren verglichen, aber ganz ehrlich – diese Vergleiche sind schnell überholt. Fast täglich tauchen neue Tools auf.
Bei so vielen Optionen wird es immer schwieriger, das richtige Tool zu finden – besonders, wenn man nicht mehrere Abos für Dienste mit nahezu identischen Funktionen abschließen möchte.
Schauen wir uns also eine modernere und effizientere Lösung an.
Wäre es nicht großartig, Zugriff auf die meisten beliebten KI-Generatoren über eine einzige Plattform zu haben – und das zu einem Preis, der das Budget nicht sprengt?
Genau das bietet jetzt Freepik.
Was bekommt man also für ein Abo, das schon bei günstigen 5 €/Monat startet?
KI-Bildgenerator
Unterstützt mehrere Versionen bekannter Dienste wie Mystic, Google Imagen 3, Flux und weitere. Die schnellen Stil-Voreinstellungen beschleunigen den kreativen Prozess deutlich.
KI-Videogenerator
Beinhaltet leistungsstarke Optionen wie Kling 1.6 Pro – die Ergebnisse sind wirklich beeindruckend.
KI-Stimmengenerator
Unterstützt auch Slowakisch – und das in überraschend natürlicher Qualität. Es stehen viele Stimmen und Anpassungsoptionen zur Verfügung.
Unbegrenzte Stock-Bibliothek
Fotos, Illustrationen, Vektoren – alles an einem Ort. Die Qualität der visuellen Inhalte hat sich in den letzten Jahren deutlich verbessert.
Weitere KI-Tools in der Beta-Phase
Zusätzliche Funktionen zur Designanpassung, Template-Erstellung, Icon-Generierung und mehr sind ebenfalls verfügbar.
Vorteile:
- Große Auswahl an KI-Tools und -Versionen, die regelmäßig erweitert wird
- Einheitliches Dashboard für alle Funktionen
- Eine zentrale Seite zur Verwaltung aller generierten Inhalte
Nachteile:
- Die Preisgestaltung der Credits kann sich im Laufe der Zeit ändern
- Verschiedene Tools und Versionen verbrauchen unterschiedlich viele Credits – was jedoch in der Regel der Ergebnisqualität entspricht
Und nur um das klarzustellen:
Auch wenn dieser Beitrag vielleicht etwas zu begeistert klingt – es handelt sich nicht um Werbung oder eine bezahlte Kooperation. Es ist einfach ehrliche Begeisterung und Dankbarkeit für ein Tool, das wirklich überzeugt.
4
JDK 24 ist da: Oracle veröffentlicht die neueste Version für Entwickler und Unternehmen
Lukáš Huňár
Developer
Oracle gibt die allgemeine Verfügbarkeit von JDK 24 für Entwickler, Unternehmen und Endnutzer bekannt. Es handelt sich um die neueste Version der weltweit beliebtesten Programmiersprache und Entwicklungsplattform.
JDK 24 bringt zahlreiche Verbesserungen mit sich, die Entwicklern helfen, ihre Produktivität zu maximieren und Innovationen zu fördern. Neben Leistungs-, Stabilitäts- und Sicherheitsverbesserungen trägt es auch zum schnelleren Wachstum von Unternehmen bei.
Mehr über das neue Java 24 erfährst du in diesem Blogbeitrag.
Nachfolgend habe ich einige Beispiele für Neuerungen und Änderungen in JDK 24 aufgelistet:
Primitive Typen in Patterns, instanceof und switch
Java 24 erweitert das Pattern Matching um primitive Datentypen in allen Kontexten wie dem instanceof-Operator sowie in switch-Ausdrücken und -Anweisungen.
Diese Verbesserung ermöglicht es, kürzeren und übersichtlicheren Code zu schreiben – sowohl für Objekttypen als auch für primitive Typen. instanceof– und switch-Ausdrücke unterstützen jetzt alle primitiven Typen, was die bedingte Logik vereinfacht und die Lesbarkeit des Codes deutlich erhöht.
Java 24 erweitert das Pattern Matching um primitive Datentypen in allen Kontexten wie dem instanceof-Operator sowie in switch-Ausdrücken und -Anweisungen.
Diese Verbesserung ermöglicht es, kürzeren und übersichtlicheren Code zu schreiben – sowohl für Objekttypen als auch für primitive Typen. instanceof- und switch-Ausdrücke unterstützen jetzt alle primitiven Typen, was die bedingte Logik vereinfacht und die Lesbarkeit des Codes deutlich erhöht.
//JAVA 22
Object value = 42;
if (value instanceof Integer i) {
System.out.println("Integer value: " + i);
}
//JAVA 24
int value = 42;
if (value instanceof int) { // Possible with Java 24
System.out.println("Integer value: " + i);
}
//JAVA 22
Object value = 3.14;
String result = switch (value) {
case Integer i -> "Integer: " + i;
case Double d -> "Double: " + d;
default -> "Unknown type";
};
System.out.println(result);
//JAVA 24
int status = 2;
String message = switch (status) {
case 0 -> "OK";
case 1 -> "Warning";
case 2 -> "Error";
case int i -> "Unknown status: " + i;
};
System.out.println(message);
Flexible Constructor Bodies
In der Programmiersprache Java ermöglichen flexible Konstruktor-Körper, dass Anweisungen vor dem expliziten Aufruf eines anderen Konstruktors stehen können.
class Student extends Person {
Student(String name) {
if (name == null || name.isBlank()) {
throw new IllegalArgumentException("Name cannot be empty");
}
super(name);
}
}
5
Lynx JS: Ein revolutionäres Framework für die plattformübergreifende App-Entwicklung. Ein neuer Herausforderer für React Native?
Gabriel Falis
Developer
Ein starker neuer Mitbewerber ist in der Welt der plattformübergreifenden App-Entwicklung aufgetaucht – Lynx JS, ein Framework, das von ByteDance, dem Unternehmen hinter TikTok, entwickelt wurde. Lynx JS präsentiert sich als moderne Alternative zu React Native mit Fokus auf Performance, Einfachheit und Vielseitigkeit.
Was ist Lynx JS?
Lynx JS ist ein plattformübergreifendes Framework, mit dem du einmal Code schreiben und ihn auf mehreren Plattformen einsetzen kannst. Es wurde für Geschwindigkeit, reaktive Benutzeroberflächen und Benutzerfreundlichkeit entwickelt – und ermöglicht dir die Erstellung schneller, flüssiger Apps mit nativer Optik.
Warum Lynx JS wählen?
- Plattformübergreifende Kompatibilität: Eine Codebasis für Web, iOS und Android
- Hohe Performance: Schlanke Architektur sorgt für schnelle Ladezeiten und Reaktionsfähigkeit
- Reaktive UI: Integriertes reaktives System für nahtlose UI-Aktualisierungen
- Einfach zu lernen: Intuitive Syntax und klare Struktur erleichtern den Einstieg
- Skalierbar: Geeignet für kleine Startups ebenso wie für große Unternehmen
Erste Schritte mit Lynx JS
//Installing Lynx
npm install -g @lynx-js/cli
//Creating new project:
lynx create moja-aplikacia
//Starting the Development Server:
cd moja-aplikacia
npm install
npm start
Deine erste Lynx-JS-App sollte unter folgender Adresse starten: http://localhost:3000/
Lynx JS vs. ReactLynx
Lynx JS lässt sich auch mit React über ReactLynx integrieren, sodass du die Vorteile von React bei der Entwicklung nativer iOS- und Android-Apps nutzen kannst.
Fazit
Lynx JS ist ein vielversprechendes neues Framework für die plattformübergreifende Entwicklung. Es bietet eine überzeugende Kombination aus Leistung, Benutzerfreundlichkeit und Skalierbarkeit. Wenn du nach einer Alternative zu bestehenden Lösungen suchst, solltest du Lynx JS auf jeden Fall in Betracht ziehen.
Die Februar -Ausgabe von Coder’s Corner verpasst? Lesen Sie sie hier.