vuejs.de Conf 2022 - die erste Vue.js Community Konferenz in Deutschland

Die vuejs.de Conf findet am 5. Oktober 2022 in Berlin statt und ist die erste Community-getriebene Vue-Konferenz in Deutschland. Damit du weißt, worauf du dich freuen kannst, stellen wir dir schon jetzt die großartigen Speaker und ihre Vorträge und Workshops vor.

Die erste Vue-Konferenz Deutschlands

„Von der Community für die Community“ – das ist schon lange das Motto bei vuejs.de. Das Team hat es sich seit jeher zum Ziel gemacht, begeisterte Vue-User und alle, die es werden wollen, zu vernetzen, weiterzubilden und zu unterstützen. Aus genau diesem Grundsatz ist auch die vuejs.de Conf 2022 entstanden, die erste Vue.js-Konferenz Deutschlands.

Während der eintägigen Konferenz kannst du nicht nur jede Menge neues Wissen über spannende Vue-Themen erlangen, sondern auch neue Kontakte mit der Community knüpfen. Die Konferenz am 5. Oktober 2022 findet in den Bolle Festsälen in Berlin statt. Tickets kannst du hier kaufen.

Wenn dir der eine Konferenztag noch nicht reicht, dann kannst du übrigens direkt vor Ort bleiben und an unserer Partnerkonferenz, der NG-DE Angular Conf teilnehmen, die am 6. und 7. Oktober in der gleichen Location stattfindet. Mit dem Kombiticket erhältst du Zutritt zu beiden Konferenzen!

vuejs.de Conf 2022: Das sind die Speaker

Die Konferenz startet um 8 Uhr mit einem entspannten Frühstück. Um 9:15 Uhr findet dann die offizielle Eröffnung statt, bevor es um 9:30 Uhr mit dem ersten Vortrag losgeht. Die Konferenz endet um 17:35 Uhr. Um 19 Uhr startet dann die Afterparty. Die Vorträge der Speaker dauern 30 Minuten und zwischen den Vorträgen gibt es mehrere Pausen zum Netzwerken und Erfrischen.

1. Stop writing your own routes – Eduardo San Martin Morote | 9:30 Uhr

Je länger man an einer Anwendung arbeitet, desto komplizierter wird das Routing, und desto leichter kann man einen Fehler machen. „Hieß die Route „users“ oder war es „user“?“, „Hatte sie einen „id“-Parameter oder war es „userId“?“. Wenn TypeScript einem nur sagen könnte, welche Namen und Parameter möglich sind. Wenn man nur nicht mehr eine einzige Route schreiben müsste, sondern ein Plugin dies für einen erledigen lassen könnte. Es ist an der Zeit, all dies zu erforschen: Verwende deine Dateien und Ordner, um dein Routing zu definieren und profitiere von der Autovervollständigung von name, path und params in deinem Code. Mit dem neuen Vue Router 4.1 musst du nie wieder eine Route schreiben.

    

2. Spin the wheel: building a truly reusable composable – Natalia Tepluhina | 10:05 Uhr

Mit der Vue 3 Composition API haben wir ein mächtiges Werkzeug zur Abstraktion der Logik. Aber wie macht man seine Composables wirklich flexibel? In diesem Vortrag werden wir versuchen, eine Composition-Funktion live zu coden, die zu einer Reihe von verschiedenen APIs passt, die zufällig durch ein sich drehendes Rad ausgewählt werden.

 

Kaffee- und Snackpause | 10:35 Uhr

3. How to Migrate from Vue CLI to Vite – Daniel Kelly | 11 Uhr

Vite hat die Vue.js Entwicklungserfahrung mit seinen blitzschnellen Serverstarts und HMR revolutioniert. Es ist definitiv die erste Wahl für den Start eines neuen Projekts. Aber was ist mit deinen bestehenden Projekten, die Vue CLI verwenden? Vue CLI Projekte können auf Vite migriert werden, um von der großartigen Entwicklererfahrung zu profitieren. Lerne die Schritte, um genau das zu tun!

 

4. Building Vue 3 On Stage — Marc Backes | 11:35 Uhr

Dieser Vortrag wirft einen Blick hinter die Kulissen der Reaktivitäts-Engine von Vue 3. Es wird die Theorie dahinter erklärt, und Marc wird die Reaktivitäts-Engine von Grund auf live programmieren (zumindest eine vereinfachte Version davon). Auf diese Weise können Entwickler ein gutes Verständnis dafür bekommen, wie die „Magie“ funktioniert.

 

Mittagessen | 12:05 Uhr

5. The right perspective for working with script-setup – Thorsten Lünborg | 13:30 Uhr

Vue 3 führte die Composition API ein und mit ihr den <script setup> Stil, um Codeblöcke zu schreiben. Jetzt, mit Vue 2.7, sind all diese neuen Vorzüge auch in deinen aktuellen Vue-2-basierten Projekten verfügbar. Grund genug, sich mit diesem Feature einmal richtig auseinanderzusetzen. In diesem Vortrag erfährst du die Inspiration und Motivation für diesen neuen Stil, mit dem du den Code deiner Komponenten schreibst, und du lernst, wie man “in Skript-Setups denkt”: Mit umfangreichen Beispielen und einem Blick hinter die Kulissen des Compilers wirst du lernen, wie du dein bestehendes Wissen über das Schreiben von Vue-Komponenten (Options API oder Composition API) in diesen flexiblen, effizienten und angenehmen Stil übertragen kannst. So kannst du selbstbewusst in die Praxis gehen.

 

6. Vitest or Cypress? Why not both?! Tools and Practices for Good Tests – Markus Oberlehner | 14:05 Uhr

Die allgemeine Weisheit ist, Cypress für E2E und Jest/Vitest für Unit- und Komponententests zu verwenden. Heutzutage kann Cypress jedoch auch Komponententests durchführen, und wir können Vitest (mit Playwright) für E2E-Tests verwenden. Wie entscheiden wir also, welches Tool wir verwenden sollten? Oder sollten wir getrennte Tools für verschiedene Arten von Tests verwenden? Und wie können wir diese Tools nutzen, um gute Tests zu schreiben? Die Antwort ist nicht das, was Sie denken!

 

Kaffee- und Snackpause | 14:35 Uhr

7. Building for the Edge with Nuxt 3 (live coding) – Daniel Roe | 15 Uhr

Wir machen einen Rundgang durch Nuxt 3 und erstellen, bauen und implementieren eine echte, live codierte App in einer serverlosen Umgebung. Wir werden darüber sprechen, wie die sich ändernden Anforderungen in der heutigen serverlosen Welt eine Änderung der Frameworks erfordern und wie sich dies auf UX und Leistung auswirkt. Auf dem Weg dorthin werden wir auch erkunden, wie Nuxt 3 das Leben von Developern einfacher macht. Außerdem entdecken wir einige coole neue Funktionen aus dem CLI und innerhalb von nitropack, dem neuen Rendering-Framework, das für den Edge-Bereich entwickelt wurde. Abschließend gibt es noch einen kleinen Ausblick auf das, was als nächstes kommen wird.

 

8. Testing Web Applications with Playwright – Debbie O’Brien | 15:35 Uhr

Testen ist schwer, Testen braucht Zeit, um zu lernen und zu schreiben, und Zeit ist Geld. Als Developer wollen wir testen. Wir wissen, dass wir es sollten, aber wir haben keine Zeit. Wie können wir also mehr Developer dazu bringen, zu testen? Wir können bessere Werkzeuge entwickeln. Ich möchte dir Playwright vorstellen - zuverlässiges, browserübergreifendes End-to-End-Testen für moderne Webanwendungen von Microsoft und vollständig open source. Das Codegen von Playwright generiert für dich Tests in JavaScript, TypeScript, Dot Net, Java oder Python. Jetzt hast du wirklich keine Ausreden mehr. Es ist an der Zeit, deine Tests richtig zu „spielen“.

 

Kaffee- und Snackpause | 16:05 Uhr

9. Fast & Headless -> Build Headless Commerce in minutes – Jakub Andrzejewski | 16:30 Uhr

Headless Commerce von Grund auf zu bauen, scheint sehr schwierig zu sein. Aber was wäre, wenn wir stattdessen Best-of-Breed-Tools wie Vue Storefront, Shopify und Storyblok verwenden könnten, um unsere Headless Commerce in wenigen Minuten zu bauen, anstatt Wochen/Monate an der Entwicklung zu sitzen? Das ist schnell! In dieser Präsentation führe ich durch den Prozess der Erstellung von Headless Commerce mit den oben genannten Technologien und gebe Tipps und Empfehlungen für den Aufbau von Online Commerce.

 

10. Creating inclusive technical content to support diverse communities – Alisa Duncan | 17:05 Uhr

Tutorials zu schreiben ist schwierig. Das Schreiben von ansprechenden, interaktiven Tutorials, die sich auf ein breites Qualifikationsniveau beziehen, so dass sich die Leser sicher und wohl fühlen, fügt eine weitere Ebene der Komplexität hinzu. Als Technical Materials Director für Coding & Cocktails, ein Programm, das Frauen die Grundlagen der Webentwicklung vermittelt, habe ich Wege gefunden, die Erstellung von Content so anzugehen, dass sichere Lernprozesse gefördert werden. In diesem Vortrag geht es um die Erstellung von Lerninhalten, die Developer auf eine Lernreise mitnehmen und gleichzeitig ihr emotionales Wohlbefinden berücksichtigen. Mit inklusivem Content können bessere Lernerfahrungen für Frauen in der Technik geschaffen werden - es werden einige Grundprinzipien vorgestellt, die du sofort in deiner Developer-Community oder Arbeitsumgebung anwenden kannst.

 

Abschluss | 17:35 Uhr

Afterparty | 19 Uhr

Workshops am 4. Oktober 2022

Einen Tag vor der vuejs.de Conf 2022 hast du die Möglichkeit, dein Wissen in spannenden Workshops auf ein neues Level zu bringen. Du hast die Wahl zwischen vier unterschiedlichen, tagesfüllenden Workshops von Top-Trainern. Die Workshops dauern jeweils zwischen sechs und acht Stunden und finden im AMERON Hotel Abion direkt am Konferenzort statt. Tickets für die Workshops kannst du hier kaufen.

1. Nuxt3 - The Beginners Workshop – Alexander Lichter

Nuxt ist ein App-Level-Framework für die Erstellung von Vue-Anwendungen, das das Leben eines Developers einfacher macht. Mit seiner dritten Hauptversion hat Nuxt noch mehr Annehmlichkeiten und Funktionen für Developer eingeführt. In diesem Workshop werden wir gemeinsam eine realitätsnahe App auf Basis von Nuxt und Vue entwickeln! Von der Projekterstellung bis zur endgültigen Bereitstellung. Während dieses Prozesses werden wir einen Blick auf viele Funktionen werfen, die Nuxt 3 bietet und wie diese deine Produktivität steigern. Um das Beste aus dem Workshop herauszuholen, sind Grundkenntnisse in Vue und JavaScript erforderlich. Außerdem wäre es schön, wenn du weißt, was die Vue Composition API ist.

Empfohlene Vorkenntnisse

• Grundkenntnisse in Vue.js und JavaScript
• Composition API Kenntnisse sind von Vorteil

 

2. State Management with Pinia – Vanessa Otto

Pinia ist nun die offiziell empfohlene globale State-Management-Lösung für Vue.js. Vanessa startete ihr erstes Vue 3 + Pinia Projekt im September 2020. In ihrem Workshop wirst du lernen, Proxies in Vue 3 zu verwenden, um das Store-Pattern unter Verwendung der Composition und Reactivity API zu erstellen. Darauf aufbauend wirst du mehrere Pinia-Module komponieren. Du schreibst Tests für Pinia und untersuchst Änderungen in den Dev Tools. Schließlich migrierst du einen Vuex Store nach Pinia.

Empfohlene Vorkenntnisse

• Vue.js
• Optional Vuex und Vue 3 Composition API

 

3. TypeScript Type System Deep Dive – Stefan Baumgartner

In diesem Workshop wird Stefan Baumgartner, der Autor von „TypeScript in 50 Lektionen“, dich durch das reichhaltige und leistungsstarke Type System von TypeScript führen. Wir werden tief in die Feinheiten des Type Systems eintauchen, sehen, wie es uns hilft, komplexe JavaScript-Szenarien zu formalisieren, und Best Practices diskutieren. Egal, ob du gerade erst mit TypeScript angefangen hast oder bereits ein geübter TypeScript-User bist, du wirst etwas Neues lernen.

Empfohlene Vorkenntnisse

• Ein solides Verständnis von JavaScript
• Grundlegende Vertrautheit mit TypeScript

 

4. Vue.js Composition API – Alex Kyriakidis

Die Composition API ist die neueste und flexibelste Art der Interaktion mit dem Reaktivitätssystem von Vue. Wenn du mit der Options API vertraut bist und diese neue Art der Interaktion mit Vue genauso gut beherrschen willst, dann ist dieser Workshop genau das Richtige für dich! Lerne, wie du reaktive Daten und computed Props definierst, wie du reaktive Daten auf Änderungen beobachtest, wie du Skripte einrichtest und vieles mehr… alles aus der Perspektive der Composition API.

Empfohlene Vorkenntnisse

• Kenntnisse im Umgang mit der Options API

 

–––––––––––––––––––––––––––––––––––––––––––––

Das vuejs.de-Team und die Community freuen sich schon riesig auf den Workshop-Tag am 4. Oktober 2022 und die erste Vue-Konferenz Deutschlands am 5. Oktober 2022. Das solltest du dir nicht entgehen lassen!