{"id":351,"date":"2023-09-21T15:19:33","date_gmt":"2023-09-21T13:19:33","guid":{"rendered":"https:\/\/niwadev.com\/?p=351"},"modified":"2025-01-27T14:21:25","modified_gmt":"2025-01-27T13:21:25","slug":"spannende-neue-technologien-meine-eindruecke-von-der-web-entwickler-konferenz-2023-in-hamburg","status":"publish","type":"post","link":"https:\/\/niwadev.com\/de\/blog\/fascinating-new-technologies-my-takeaways-from-the-web-developer-conference-2023-in-hamburg\/","title":{"rendered":"Spannende neue Technologien - Meine Eindr\u00fccke von der Web Developer Conference 2023 in Hamburg"},"content":{"rendered":"

Drei Tage lang fand die Web Developer Conference in Hamburg statt. Mit vielen Workshops, Vortr\u00e4gen und Dev-Sessions wurden die Innovationen in der Webentwicklung vorgestellt. So unterschiedlich wie die Formate waren, so umfangreich waren die Themen. Von Clean Code \u00fcber Innovationen in der Technologie bis hin zu KI mit ChatGPT und GitHub Copilot. Nichts wurde ausgelassen.<\/p>\n\n\n\n\n\n\n\n

Die WDC in aller K\u00fcrze<\/h2>\n\n\n\n

\ud83c\udfd7\ufe0f Web Components<\/h3>\n\n\n\n

Am ersten Tag habe ich an einer Dev-Session \u00fcber Web Components mit TypeScript teilgenommen. Meiner Meinung nach k\u00f6nnen 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\u00e4chlichen 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.<\/p>\n\n\n\n

\ud83c\udf10 Web Sockets<\/h3>\n\n\n\n

Progressive Web Apps ben\u00f6tigen Daten aus dem Backend und k\u00f6nnen \u00fcber verschiedene Ans\u00e4tze kontinuierlich neue Informationen von Diensten erhalten. Web Sockets sind daf\u00fcr die Zukunft und lassen sich gut skalieren. Ein weiterer gro\u00dfer Vorteil von Web Sockets ist die M\u00f6glichkeit, in Echtzeit zu kommunizieren. Allerdings sollten Sie als Ausweichl\u00f6sung immer noch Long Polling implementieren. Denn derzeit werden Web Sockets nicht von jedem Browser\/System unterst\u00fctzt.
Eine weitere interessante Information: Forscher experimentieren derzeit mit der M\u00f6glichkeit, ganze Websites \u00fcber Web Sockets auf den Client zu streamen.<\/p>\n\n\n\n

\ud83d\udd10 Sichere API-Entwicklung<\/h3>\n\n\n\n

Die OWASP Top Ten<\/a> sollen Bewusstsein schaffen. Zur sicheren Softwareentwicklung geh\u00f6rt noch viel mehr, wie die \u00dcberwachung der Software-Lieferkette (z.B. mit Snyk) oder die Einhaltung bestimmter Grunds\u00e4tze: \"Vertrauen Sie keinen Daten aus Systemen Dritter (intern oder extern)\". Selbst vertrauensw\u00fcrdige Systeme k\u00f6nnen gehackt werden, was sich auf das aufrufende System auswirken kann. Strenge Validierung bleibt hier ein wichtiger Faktor.<\/p>\n\n\n\n

\"Presentation<\/figure>\n\n\n\n

<\/p>\n\n\n\n

\ud83e\udde0 Neuigkeiten aus der KI-Entwicklung <\/h3>\n\n\n\n

Mit dem OpenAI-Service von Azure ist es relativ einfach, eine angepasste Variante von ChatGPT f\u00fcr sich selbst zu erstellen. Sie k\u00f6nnen zum Beispiel einen intelligenten Chatbot f\u00fcr Ihren Kundenservice erstellen. Indem Sie Ihre eigenen Daten eingeben und festlegen, worauf die KI antwortet, haben Sie die Kontrolle \u00fcber die Antworten.<\/p>\n\n\n\n

\u2601\ufe0f Bicep, Terraform, Pulumi - Ein \u00dcberblick \u00fcber Infrastructure-as-Code<\/h3>\n\n\n\n

F\u00fcr 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\u00dfartig f\u00fcr Cloud-\u00fcbergreifende Umgebungen. Allerdings m\u00fcssen Sie wissen, wie Sie die Statusverwaltung abdecken. Pulumi scheint sinnvoll zu sein, wenn Sie Ihre Anwendung als Produkt bereitstellen.<\/p>\n\n\n\n

\ud83d\udea7 Function-as-a-Service ohne Kaltstart<\/h3>\n\n\n\n

Dank Fermyon Spin<\/a> k\u00f6nnen Sie Rust Functions schreiben, die zu WebAssembly kompiliert werden und damit pfeilschnell starten. Dar\u00fcber hinaus m\u00fcssen diese Funktionen nicht in der Fermyon Cloud gehostet werden, da Sie die Systeme auch vor Ort einrichten k\u00f6nnen. F\u00fcr viele bekannte Sprachen (z.B. Go oder TypeScript) ist ein SDK verf\u00fcgbar. Es muss aber nicht verwendet werden.
Mein pers\u00f6nliches Highlight der Konferenz!<\/p>\n\n\n\n

Wenn Sie nicht wissen, was FaaS ist, lesen Sie meine Servicebeschreibung zu Function-as-a-Service.<\/a><\/p>\n\n\n\n

\ud83e\uddea Testgetriebene Entwicklung am Frontend?<\/h3>\n\n\n\n

TDD auf dem Frontend ist mit Vitest genauso m\u00f6glich und sogar einfacher als mit Jest. Hier k\u00f6nnen Sie Vitest als Drop-in-Ersatz in der Anwendung verwenden und erhalten zus\u00e4tzlich ein vereinfachtes Mocking. In Zukunft k\u00f6nnen L\u00f6sungen wie Playwright Components den Teil abdecken, f\u00fcr den ein Browser zum Testen der Komponente ben\u00f6tigt wird.<\/p>\n\n\n\n

Sie interessieren sich f\u00fcr TDD. Schauen Sie sich meine Test-Driven-Development Leistungen an.<\/a><\/p>\n\n\n\n

\ud83d\udcbb Neuerungen bei Next.JS<\/h3>\n\n\n\n

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.<\/p>\n\n\n\n

Fazit<\/h2>\n\n\n\n

Auf der Konferenz habe ich viele Entwicklungen kennengelernt, die in meinem Arbeitsalltag sonst an mir vorbeigegangen w\u00e4ren. Ich werde mir auf jeden Fall Fermyon Spin n\u00e4her ansehen, das ein gro\u00dfes Problem von FaaS zu l\u00f6sen scheint. Zudem hatte ich auch die Gelegenheit, Hamburg nach fast 15 Jahren wiederzusehen, und ich bin sehr begeistert von dieser Stadt.<\/p>\n\n\n\n

<\/p>","protected":false},"excerpt":{"rendered":"

Drei Tage lang fand die Web Developer Conference in Hamburg statt. Mit vielen Workshops, Vortr\u00e4gen und Dev-Sessions wurden die Innovationen in der Webentwicklung vorgestellt. So unterschiedlich wie die Formate waren, so umfangreich waren die Themen. Von Clean Code \u00fcber Innovationen in der Technologie bis hin zu KI mit ChatGPT und GitHub Copilot. Nichts wurde ausgelassen.<\/p>","protected":false},"author":2,"featured_media":361,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[24,18,21,22],"class_list":["post-351","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-net","tag-azure","tag-cloud","tag-faas"],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/niwadev.com\/wp-content\/uploads\/2023\/10\/web-developer-conference-title.webp",1200,400,false],"thumbnail":["https:\/\/niwadev.com\/wp-content\/uploads\/2023\/10\/web-developer-conference-title-150x150.webp",150,150,true],"medium":["https:\/\/niwadev.com\/wp-content\/uploads\/2023\/10\/web-developer-conference-title-300x100.webp",300,100,true],"medium_large":["https:\/\/niwadev.com\/wp-content\/uploads\/2023\/10\/web-developer-conference-title-768x256.webp",768,256,true],"large":["https:\/\/niwadev.com\/wp-content\/uploads\/2023\/10\/web-developer-conference-title-1024x341.webp",1024,341,true],"1536x1536":["https:\/\/niwadev.com\/wp-content\/uploads\/2023\/10\/web-developer-conference-title.webp",1200,400,false],"2048x2048":["https:\/\/niwadev.com\/wp-content\/uploads\/2023\/10\/web-developer-conference-title.webp",1200,400,false],"trp-custom-language-flag":["https:\/\/niwadev.com\/wp-content\/uploads\/2023\/10\/web-developer-conference-title-18x6.webp",18,6,true]},"uagb_author_info":{"display_name":"Nicolas Wazulek","author_link":"https:\/\/niwadev.com\/de\/blog\/author\/u_auth_niwa\/"},"uagb_comment_info":0,"uagb_excerpt":"Three days of Web Developer Conference in Hamburg. With many workshops, talks and dev sessions, the innovations in web development were presented. As different as the formats were, as extensive were the topics. From Clean Code to innovations in technology to AI with ChatGPT and GitHub Copilot. Nothing was left out.","_links":{"self":[{"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/posts\/351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/comments?post=351"}],"version-history":[{"count":1,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/posts\/351\/revisions"}],"predecessor-version":[{"id":958,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/posts\/351\/revisions\/958"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/media\/361"}],"wp:attachment":[{"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/media?parent=351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/categories?post=351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niwadev.com\/de\/wp-json\/wp\/v2\/tags?post=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}