Unleash the power of Visual Studio Code en de

Visual Studio Code is a highly capable integrated development environment (IDE), but are you fully utilizing its features and extensions to enhance your daily productivity? Are you leveraging extensions that provide improved overview and help minimize errors?
In this session, I will demonstrate the exceptional features of Visual Studio Code and recommend essential extensions for full stack development with web-frontends (e.g., React), C# backends, and CI/CD environments like Azure DevOps or GitHub. By implementing these recommendations, you can significantly improve your efficiency when working with Visual Studio Code.

Die Leistungsfähigkeit von Visual Studio Code entfesseln en de

Visual Studio Code ist eine äußerst leistungsfähige integrierte Entwicklungsumgebung (IDE), aber nutzen Sie dessen Funktionen und Erweiterungen voll aus, um Ihre tägliche Produktivität zu steigern? Nutzen Sie Erweiterungen, die eine verbesserte Übersicht bieten und helfen, Fehler zu minimieren?
In diesem Vortrag werde ich außergewöhnlichen Funktionen von Visual Studio Code demonstrieren und wesentliche Erweiterungen für die Full-Stack-Entwicklung mit Web-Frontends (z. B. React), C#-Backends und CI/CD-Umgebungen wie Azure DevOps oder GitHub empfehlen. Durch die Umsetzung dieser Empfehlungen können Sie Ihre Effizienz bei der Arbeit mit Visual Studio Code erheblich verbessern.

Testautomatisierung für WebApps mit Playwright en

Testautomatisierung ist ein wichtiger Baustein von Software-Entwicklungsprojekten. Das Fundament bilden dabei Unit Tests. Nicht alles lässt sich aber mit Unit Test Frameworks adäquat testen, sodass noch immer spezifische UI Tests zur Ergänzung zum Einsatz kommen. Im WebApp Bereich ist der Platzhirsch hier Selenium. In der jüngeren Vergangenheit sind neue Alternativen zu Selenium entstanden. Der neuste und vielversprechendste ist dabei das Open Source Framework Playwright von Microsoft. Playwright Tests lassen sich dabei flexibel in unterschiedlichen Sprachen wie C# oder JavaScript erstellen, unterstützen auch unterschiedliche Browser sowie Betriebssysteme.
Im Vortrag sollen die Konzepte, Vorteile, Nachteile und Unterscheide im Vergleich zu Selenium gezeigt werden. An Live-Demos wird es ebenfalls nicht fehlen, sodass ein besseres Gefühl für Playwright vermittelt wird.

Workshop: Moderne Web-Applikationen mit TypeScript, React und Material-UI de

In diesem Workshop geht es um die Erstellung von Browser-Applikationen mit TypeScript, React und Material-UI.
Sie lernen, welche Technologien in solch einer modernen Anwendung drin stecken, den Umgangen mit diesen Technologien und wie man heutzutage eine Web-Anwendung aufbaut, um Testbarkeit, Wartbarkeit und Skabarkeit zu gewährleisten.
Es werden gängige Fallstricke und Besonderheiten aufgezeigt genauso, wie wichtige Unterschiede zwischen Web-Seiten-Entwicklung und Web-App-Entwicklung.
Vor allem für Entwickler, die aus der Desktopentwicklung kommen, werden viele Parallelen für den leichten Einstieg gezeigt, u.a. wie Sie nerviges CSS größtenteils vermeiden können.

Themen, die angesprochen werden:
- Einrichtung von Visual-Studio-Code für Web-App-Entwicklung
- Extensions
- Debugging
- Einführung in Typescript als Superset von Javascript (Generics, Types, Interfaces)
- React mit funktionaler Entwicklung
- Component Lifecycle Methods
- State-Handling mit React-Context
- React-Hooks
- Material-UI als UI-Framework (Komponenten, Layouting, Styling)
- Data-Fetching
- Browser fetch-API
- REST-Client-Generierung mit AutoRest
- Performace Optimierungen und Do’s und Dont’s
- Umgang mit NodeJS
- Bundler (webpack oder vite)
- optional: Testing (Unit-/Component-Tests, Integration-Tests mit Playwright)
- optional: App-Konfiguration

Voraussetzungen:
- PC mit Internetzugriff
- Visual-Studio-Code in aktueller Version
- Chrome Browser in aktueller Version
- NodeJS in aktueller Version
- Grundkenntnisse in Softwareentwicklung mit Hochsprachen (z.B. C#, Java, JavaScript)

Von Vorteil:
Kenntnisse über die Verwendung vom WSL

Bootcamp - Testautomatisierung mit Playwright en

Der Workshop "Testautomatisierung mit Playwright" bietet eine umfassende Einführung in die Verwendung des Playwright-Frameworks zur Testautomatisierung. Playwright ist ein leistungsstarkes Open-Source-Tool, das die Entwicklung zuverlässiger und skalierbarer Testskripte für Webanwendungen ermöglicht. In diesem Workshop lernen die Teilnehmer Playwright zu installieren, zu konfigurieren und Testskripte zu schreiben und auszuführen. Außerdem werden Best Practices für die Organisation und Pflege von Testfällen diskutiert. Der Workshop richtet sich an Entwickler, Tester und QA-Teams, die ihre Fähigkeiten im Bereich der Testautomatisierung erweitern möchten. Vorkenntnisse in der Webentwicklung und Grundkenntnisse in der Testautomatisierung sind von Vorteil, aber nicht zwingend erforderlich. Am Ende des Workshops werden die Teilnehmer in der Lage sein, Playwright effektiv einzusetzen, um automatisierte Tests für Webanwendungen zu erstellen und die Qualität ihrer Software zu verbessern.

Auf welche Web-UI Technologie setzt Microsoft? en de

When modernizing a legacy Windows desktop application, developers are confronted with a variety of web technologies and different programming paradigms for the front-end. By selecting the appropriate web technologies and frameworks, Windows developers can avoid the need to master challenging technologies such as CSS. This presentation provides a brief overview and practical guidance on the knowledge that Windows developers can easily transfer, as well as the main differences in developing a front-end for the web. Using the React- and Material-UI framework, participants will be shown the essential differences and how they can largely avoid cumbersome topics such as CSS. At the end of this session, former Windows developers will have knowledge of a basic set of technologies to start building a web front-end.

Auf welche Web-UI Technologie setzt Microsoft? en de

Egal ob Sharepoint, Power-Platform oder neue Office365 Anwendung (Teams, Outlook etc.). Für neue Web- oder Hybrid-Anwendungen verwendet Microsoft React.
Also warum nicht auf das gleiche Pferd, setzen?
Bei der Modernisierung einer Legacy-Windows-Desktopanwendung sehen sich Entwickler mit einer Vielzahl von Web-Technologien und unterschiedlichen Programmierparadigmen für das Front-End konfrontiert. Durch die Auswahl der geeigneten Web-Technologien und Frameworks können Windows-Entwickler die Notwendigkeit vermeiden, anspruchsvolle Technologien wie CSS beherrschen zu müssen. Dieser Vortrag bietet einen kurzen Überblick und praktische Anleitungen zu dem Wissen, das Windows-Entwickler leicht übertragen können, sowie den Hauptunterschieden bei der Entwicklung eines Frontends für das Web. Unter Verwendung von React- und dem Material-UI-Framework werden den Teilnehmern die wesentlichen Unterschiede aufgezeigt und wie sie lästige Themen, wie CSS größtenteils vermeiden können. Am Ende dieser Sitzung werden ehemalige Windows-Entwickler Wissen über einen grundlegenden Satz von Technologien zur Hand haben, um mit dem Aufbau eines Web-Frontends beginnen zu können.

It's all greek to me! - Lokalisierung in Web-Apps elegant und einfach de

Eine Web-App zu lokalisieren ist heute dank i18n und der Gleichen nicht schwer.
Aber was genau ist zu beachten? Welche Tools können helfen?
Was ist, wenn die Web-App groß wird? Geht es noch besser oder schöner als nur mit den i18n Paketen?
Der Vortrag wird diese Fragen beantworten und am Beispiel einer Implementierung in einer React-Web-App zeigen wie schön und einfach Lokalisierungen realisiert und gepflegt werden können.

Windows oder Linux? Wie wäre es mit beidem? Entwickeln mit dem Windows Subsystem für Linux (WSL) de

Entwicklertätigkeiten gestalten sich auf Linux-Systemen oft effizienter. Dennoch gibt es Gründe, warum Entwickler bestimmte Aufgaben besser nicht direkt in ihrem Windows-Betriebssystem ausführen sollten.
In meinem Vortrag stelle ich das Windows Subsystem for Linux (WSL) vor und zeige, wie es installiert, konfiguriert und genutzt wird. Dabei beleuchte ich die Vorteile der nahtlosen Integration von WSL in Windows und gebe Beispiele für Tools und Anwendungen, die das parallele Arbeiten in beiden Systemen erleichtern.

Keep the Power up, Testautomation für PowerApps de

Testautomatisierung ist ein wichtiger Baustein von Software-Entwicklungsprojekten. Das Fundament bilden dabei Unit Tests. Nicht alles lässt sich aber mit Unit Test Frameworks adäquat testen, sodass noch immer spezifische UI Tests zur Ergänzung zum Einsatz kommen. Das neuste und vielversprechendste ist das Open Source Framework Playwright von Microsoft. Playwright Tests lassen sich flexibel in unterschiedlichen Sprachen wie C# oder JavaScript erstellen, unterstützen auch unterschiedliche Browser sowie Betriebssysteme.
Gerade bei Low-Code-WebApps ist es schwieriger diese mit E2E Regressionstests abzudecken.
Im Vortrag sollen die Konzepte, Vorteile, Nachteile und Besonderheiten beim Erstellen automatisierte Tests für PowerApps gezeigt werden.