Bootcamp - Testautomatisierung mit Playwright

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.

Die Leistungsfähigkeit von Visual Studio Code entfesseln

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.

Workshop: Moderne Web-Applikationen mit React 19 und Material-UI 6 in TypeScript

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)

Auf welche Web-UI Technologie setzt Microsoft? Ist das React?

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

Eine Web-App zu lokalisieren ist heute dank i18n und der Gleichen nicht schwer.
Aber gerade bei großen oder vielen Web-Apps in einem Unternehmen ist deren Lokalisierung skalierbar zu bewältigen eine Herausforderung.
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.

Testautomatisierung für WebApps mit Playwright

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.

Nutze das volle Potenzial von Dev-Containern u.a. in Webentwicklungs-Workflows

Durch die Nutzung containerisierter Entwicklungsumgebungen erreichst du Konsistenz, Isolation und Portabilität und transformierst so, wie du Code schreibst, testest und bereitstellst. - Nicht nur bei Webentwicklungs-Workflows, sondern auch im DevOps-Bereich oder anderen Entwicklungsumgebungen.
Es kann sogar Performancevorteile geben Dev-Container zu nutzen.
Begleite uns, wenn wir in die praktischen Vorteile von Dev-Containern eintauchen und erkunden, sie konfigurieren und wie sie deinen Entwicklungsprozess revolutionieren können, indem sie ihn effizienter, sicherer, angenehmer und schneller machen.

Bist du bereit, deinen Workflow zu verbessern?

GitHub Copilot mit Nachbrenner: Erweiterungen & Power-User Funktionen für smarteres Coden

Visual Studio Code hat sich als eines der beliebtesten und leistungsstärksten Entwickler-Tools etabliert. Ein entscheidender Erfolgsfaktor war dabei die umfangreiche Auswahl an verfügbaren Erweiterungen und Anpassungsmöglichkeiten.
In unserem Vortrag zeigen wir, wie der Copilot in Visual Studio Code durch gezielte Erweiterungen, individuelle Konfigurationen und effektive "Power-User"-Prompt-Befehle optimiert werden kann. Zu Beginn des Vortrages zeigen wir wie durch bereits verfügbare Funktionen (Slash Commands, Chat Participants und -Variables, etc.) oder Anpassung der Konfiguration bereits bessere Ergebnisse erzielt werden können. Den Abschluss bildet die Erweiterung von Copilot über GitHub Copilot- und Visual Studio Code APIs. Als praktisches Beispiel nutzen hierfür wir unser Open-Source-Projekt VOCE, das Azure DevOps-Daten in Copilot integriert.

Mit einer Idee fängt es an, dann die Präsentation von der KI erstellen lassen...

Entwickler stehen beim Erstellen von Präsentationen immer wieder vor Herausforderungen.
Eigentlich wollen Entwickler sich nicht mit Power rumschlagen, wenn Sie Präsentationen manchen. Wir wollen einfach nur unsere Idee, den Inhalt vermitteln:
Wie bekomme ich den Quellcode mit Syntaxhighlighting auf die Folien?
Mein Quellcode passt gerade so nicht auf eine Folie, kleiner machen, oder aufteilen?
Ich habe schon Diagramme zu mein meinem Projekt, Screenshots/Bilder davon auf Folien zu bringen ist blöd, geht das einfacher, vielleicht automatisiert?
Diese und mehr Fragen werden in dem Vortrag beantwortet.
Mit Slidev und KI wird eine Lösung zum Erstellen von Präsentationen von vorgestellt, deren Erweiterbarkeit und Individualisierungsmöglichkeiten grenzenlos ist.

Workshop: GitHub Copilot von A bis Z

Angefangen von mit den Grundlagen von GitHub Copilot über täglich Nutzung bis hinzu Poweruser Funktionen werden wir GitHub Copilot in diesem Workshop durchleuchten.
Wir schauen uns an, welche verschiedenen Möglichkeiten es gibt Copilot in Visual Studio Code, der CLI und der GitHub Plattform einzusetzen und werden dies mit zahlreichen Übungen gleich austesten.
Am Ende des Workshops wird jeder Teilnehmer verstehen wie GitHub Copilot funktioniert, wie man Ihn effizient einsetzen kann und wie man seine Möglichkeiten erweitern kann.

Softwareentwicklung ohne IDE - Braucht man wirklich noch eine IDE?

Die Zukunft der Softwareentwicklung wird nicht mehr ohne KI gehen.
Was geht heute schon... Cloud Agents, agentic workflows sind jetzt schon möglich.
Wir zeigen euch, was mit heute schon ohne eine IDE möglich ist und wie ihr damit produktiv arbeiten könnt.
Am Beispiel vom GitHub Cloud Agent, dem GitHub Copilot und den GitHub Agentic Workflow Actions wird demonstriert,
wie man funktionierenden Quellcode passend für Anforderungen generieren und warten kann.

Rootcause-Analyse mit KI - Wie KI die Fehlersuche revolutioniert

Fehler in Software zu finden und zu beheben ist eine der größten Herausforderungen für Entwickler.
In diesem Vortrag zeigen wir, wie KI-gestützte Tools die Rootcause-Analyse vereinfachen und beschleunigen können.
Anhand von Beispielen demonstrieren wir, wie KI Fehlermuster erkennt,
Vorschläge zur Behebung macht und die Zeit bis zur Fehlerbehebung drastisch reduziert.

AI Context Setup - Instructions, Prompts, Skills, Tools, Custom-Agents, was ist für was?

KI-Tools bieten eine Vielzahl von Möglichkeiten, um die Softwareentwicklung zu unterstützen.
In diesem Vortrag erklären und zeigen wir die verschiedenen Konzepte wie Instructions, Prompts, Skills, Tools und Custom-Agents. Es geht darum nicht nur Kontext für Agenten und Modelle zu schaffen, sondern den richtigen Kontext für die jeweilige Aufgabe zu schaffen, damit das Resultat wie gewünscht ausfällt und man zudem noch Tokens spart.

KI im SDLC - An welchen Stellen im SDLC kann KI sinnvoll eingesetzt werden?

Der Software Development Life Cycle (SDLC) umfasst viele Phasen, von der Anforderungsanalyse bis zur Wartung.
In diesem Vortrag diskutieren wir, an welchen Stellen im SDLC KI-Tools effektiv eingesetzt werden können.
Wir zeigen Beispiele für den Einsatz von KI in der Anforderungsanalyse, Code-Generierung, Testautomatisierung und Wartung.

Protokolle rund um KI: MCP und A2A

Mit der zunehmenden Verbreitung von KI-Tools entstehen neue Protokolle und Standards, um die Interaktion zwischen verschiedenen KI-Systemen zu ermöglichen.
In diesem Vortrag stellen wir die Protokolle MCP (Model Context Protocol) und A2A (Agent-to-Agent) vor,
erklären ihre Funktionsweise und diskutieren, wie sie die Zusammenarbeit zwischen KI-Tools verbessern können.
Und zeigen einen speziellen Delphi MCP Server.

Spec-Driven Development: Mit AI-Agent-Squads vom PRD zum autonomen Code

KI-Modelle schreiben Code, doch skalierbare Software braucht Struktur. Der Schlüssel ist Spec-Driven Development (SDD): Hier wird die Spezifikation zur aktiven Steuerungseinheit. Wir zeigen den Weg vom klassischen PRD hin zu Agentic Workflows, bei denen AI-Squads (Architect, Coder, Reviewer) Specs autonom validieren und umsetzen. Erfahre, wie du z.B. BMAD und gem-team in Synergie mit IDE und Coding Agents (zB VSCode & Gh Copilot) nutzt, um Anforderungen direkt in produktiven Code zu verwandeln und die Development Velocity massiv zu steigern.

Du erhältst eine praxisnahe Blaupause, um KI-Agenten als orchestriertes Team einzusetzen. Lerne, wie „Specification-as-Code“ manuelle Fehler eliminiert und die Rolle des Entwicklers vom Zeilenschreiber zum strategischen System-Architekten transformiert.