Electron ermöglicht es, mit bekannten Web-Technologien wie HTML, CSS und JavaScript plattformübergreifende Desktop-Apps zu entwickeln. In diesem Workshop lernst du die Architektur und Besonderheiten von Electron kennen und setzt selbst kleine Features in einer vorgefertigten Anwendung um.
Du erhältst eine funktionierende, aber unvollständige Electron-App. Gemeinsam fügen wir gezielt Funktionen hinzu, um typische Electron-Vorteile wie native Dialoge, Mehrfensterfähigkeit oder OS-Integration erlebbar zu machen:
Electron wird von großen Projekten wie Visual Studio Code, Slack oder Discord verwendet. Der große Vorteil: Web-Entwickler*innen können mit vertrauten Tools Desktop-Apps bauen – ohne für jedes Betriebssystem eigene Varianten zu schreiben.
Für Studierende und Entwickler*innen mit grundlegender Erfahrung in HTML/JavaScript. Electron selbst wird im Workshop erklärt – du brauchst keine Vorkenntnisse im Umgang mit Electron.
Du arbeitest an deinem eigenen Klon des Workshop-Repositories. Die Anwendung enthält gezielte Lücken mit TODO-Kommentaren, die du im Laufe des Workshops ergänzt. Ziel ist es, praxisnah zu lernen, wie Electron-Projekte aufgebaut sind und mit dem Betriebssystem kommunizieren.
Im Workshop werfen wir außerdem einen Blick darauf, wie man ein Framework wie React in eine Electron-Anwendung integriert. Dabei lernst du, wie man moderne Komponentenarchitekturen mit der nativen Plattform verbindet.
Als zusätzliche Aufgabe für erfahrenere Teilnehmer*innen steht eine komplexere Übung bereit:
Diese Übung erfordert ein gutes Verständnis der Renderer-Logik, DOM-Ereignisse sowie der sicheren Kommunikation mit dem Main-Prozess.
npm install -g electron
Bitte installiere vorab Node.js, Git und optional Electron auf deinem System.
Das Material wird im Workshop bereitgestellt und umfasst:
starter/
)