Web-Front-ends for Windows developer 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.

Web-Frontends für Windows-Entwickler en de

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.

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.

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

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.