Auf welche Web-UI Technologie setzt Microsoft?

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.

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 TypeScript, React und Material-UI

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

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)

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.