Drei Tage lang fand die Web Developer Conference in Hamburg statt. Mit vielen Workshops, Vorträgen und Dev-Sessions wurden die Innovationen in der Webentwicklung vorgestellt. So unterschiedlich wie die Formate waren, so umfangreich waren die Themen. Von Clean Code über Innovationen in der Technologie bis hin zu KI mit ChatGPT und GitHub Copilot. Nichts wurde ausgelassen.
Die WDC in aller Kürze
🏗️ Web Components
Am ersten Tag habe ich an einer Dev-Session über Web Components mit TypeScript teilgenommen. Meiner Meinung nach können Web Components in einigen Szenarien eine gute Alternative sein, es sei denn, Sie arbeiten mit React. Dieses Framework baut auf einem virtuellen DOM auf, das nichts mit dem tatsächlichen DOM zu tun hat, welches der Webbrowser am Ende anzeigt. Daher gibt es Schwierigkeiten bei der Arbeit mit den Ereignissen oder dem Inhalt von Elementen, wie dem Input-Feld.
🌐 Web Sockets
Progressive Web Apps benötigen Daten aus dem Backend und können über verschiedene Ansätze kontinuierlich neue Informationen von Diensten erhalten. Web Sockets sind dafür die Zukunft und lassen sich gut skalieren. Ein weiterer großer Vorteil von Web Sockets ist die Möglichkeit, in Echtzeit zu kommunizieren. Allerdings sollten Sie als Ausweichlösung immer noch Long Polling implementieren. Denn derzeit werden Web Sockets nicht von jedem Browser/System unterstützt.
Eine weitere interessante Information: Forscher experimentieren derzeit mit der Möglichkeit, ganze Websites über Web Sockets auf den Client zu streamen.
🔐 Sichere API-Entwicklung
Die OWASP Top Ten sollen Bewusstsein schaffen. Zur sicheren Softwareentwicklung gehört noch viel mehr, wie die Überwachung der Software-Lieferkette (z.B. mit Snyk) oder die Einhaltung bestimmter Grundsätze: "Vertrauen Sie keinen Daten aus Systemen Dritter (intern oder extern)". Selbst vertrauenswürdige Systeme können gehackt werden, was sich auf das aufrufende System auswirken kann. Strenge Validierung bleibt hier ein wichtiger Faktor.
🧠 Neuigkeiten aus der KI-Entwicklung
Mit dem OpenAI-Service von Azure ist es relativ einfach, eine angepasste Variante von ChatGPT für sich selbst zu erstellen. Sie können zum Beispiel einen intelligenten Chatbot für Ihren Kundenservice erstellen. Indem Sie Ihre eigenen Daten eingeben und festlegen, worauf die KI antwortet, haben Sie die Kontrolle über die Antworten.
☁️ Bicep, Terraform, Pulumi - Ein Überblick über Infrastructure-as-Code
Für diejenigen, die Azure nutzen und in Infrastructure-as-Code (IaC) einsteigen, ist Bicep ein gutes Tool, das man an der Hand bekommt. Terraform ist großartig für Cloud-übergreifende Umgebungen. Allerdings müssen Sie wissen, wie Sie die Statusverwaltung abdecken. Pulumi scheint sinnvoll zu sein, wenn Sie Ihre Anwendung als Produkt bereitstellen.
🚧 Function-as-a-Service ohne Kaltstart
Dank Fermyon Spin können Sie Rust Functions schreiben, die zu WebAssembly kompiliert werden und damit pfeilschnell starten. Darüber hinaus müssen diese Funktionen nicht in der Fermyon Cloud gehostet werden, da Sie die Systeme auch vor Ort einrichten können. Für viele bekannte Sprachen (z.B. Go oder TypeScript) ist ein SDK verfügbar. Es muss aber nicht verwendet werden.
Mein persönliches Highlight der Konferenz!
Wenn Sie nicht wissen, was FaaS ist, lesen Sie meine Servicebeschreibung zu Function-as-a-Service.
🧪 Testgetriebene Entwicklung am Frontend?
TDD auf dem Frontend ist mit Vitest genauso möglich und sogar einfacher als mit Jest. Hier können Sie Vitest als Drop-in-Ersatz in der Anwendung verwenden und erhalten zusätzlich ein vereinfachtes Mocking. In Zukunft können Lösungen wie Playwright Components den Teil abdecken, für den ein Browser zum Testen der Komponente benötigt wird.
Sie interessieren sich für TDD. Schauen Sie sich meine Test-Driven-Development Leistungen an.
💻 Neuerungen bei Next.JS
Ich hatte bei der Entwicklung meiner ersten Website intensiv mit Next.JS gearbeitet. Aber im letzten Jahr hat sich hier eine Menge getan. Mit dem App Router ist das Projekt jetzt ganz anders strukturiert. Aber auch die APIs sind jetzt einfacher zu schreiben. Jedes HTTP-Verb hat seine eigene Methode.
Fazit
Auf der Konferenz habe ich viele Entwicklungen kennengelernt, die in meinem Arbeitsalltag sonst an mir vorbeigegangen wären. Ich werde mir auf jeden Fall Fermyon Spin näher ansehen, das ein großes Problem von FaaS zu lösen scheint. Zudem hatte ich auch die Gelegenheit, Hamburg nach fast 15 Jahren wiederzusehen, und ich bin sehr begeistert von dieser Stadt.
English 
Deutsch 
Français