Thinktecture Cloud-Native- und Infrastructure-as-Code-Spezialist Thorsten Hans erklärt in einer fünfteiligen Screencast-Serie das Framework Electron. Nachdem der erste Teil in die Grundlagen und Architektur einführte, geht es im zweiten Teil um Developer-Essentials mit denen Sie bei der Entwicklung mit Electron vertraut sein sollten.

Inhalte des Screencasts

  • Chrome DevTools: Chromium ist ein fester Bestandteil jeder Electron-Anwendung. Entwickler können bei Bedarf die Chrome DevTools nutzen um HTML5, JavaScript und CSS im Renderer Prozess zu debuggen und zu analysieren. Lernen Sie, wie die Chrome DevTools in Ihre Electron-Anwendung integrieren können.
  • Debugging Main-Process: Der Hauptprozess einer Electron-Anwendung wird in Node.JS ausgeführt, mit Visual Studio Code können Sie auch diesen Prozess debuggen um die Verarbeitung Ihres Codes zu prüfen oder um im Ernstfall Fehler zu eliminieren.
  • DevTron: DevTron ist eine Erweiterung der Chrome DevTools, die elementares Linting und Monitoring der Electron-Anwendung für Entwickler bereitstellt. Sehen Sie, wie DevTron installiert und aktiviert werden kann.
  • SpecTron: SpecTron ist eine Open-Source-Laufzeitumgebung für Unit-Tests. Mit SpecTron können Sie den Electron-spezifischen Code Ihrer App testen um eine höhere Qualität und Testabdeckung zu erreichen.

Im nächsten Teil geht es um die UX-Optimierung Ihrer Electron-Anwendung. Wenn Sie die weiteren Screencasts der Electron-Serie nicht verpassen möchtest, melde Sie sich hier für unsere monatlichen Tech News an.

Related Articles

electron
Electron UX-Optimierung: Cross-Plattform Desktop Apps - Teil 3 [Screencast]
Thinktecture Cloud-Native- und Infrastructure-as-Code-Spezialist Thorsten Hans erklärt in einer fünfteiligen Screencast-Serie das Framework Electron. Nachdem er bereits in die Grundlagen und Architektur einführte und Developer-Essentials vorstellte, geht es im dritten Teil um die…
Thorsten Hans
electron
Electron Basics, Architektur, Demo, Vergleich: Cross-Plattform Desktop Apps - Teil 1 [Screencast]
Inhalte des Screencasts Was ist Electron? Ein kurzer Einblick in die Entstehungsgeschichte von GitHub Electron sowie deren Hintergründe. Warum Electron? Wert und Nutzen von Electron für die Entwicklung moderner Cross-Plattform-Anwendungen, die auf Desktop-Systemen ausgeführt…
Thorsten Hans
asp.net core
Einbindung von Versionierung in existierende Projekte: API-Versionierung mit ASP.NET Core 3.0 - Teil 4 [Screencast]
Thinktecture Backend- und API-Spezialist Sebastian Gingter zeigt in dieser vierteiligen Screencast-Serie, wie eine ASP.NET Core 3.0 API versioniert wird. Nach einer Einführung in die API-Versionierung, der Integration in neue Projekte und Hinweisen zur Konfiguration, geht es im…
Sebastian Gingter
web components
The Flaws of Web Components (and possible solutions): Perks & Flaws Series - Part 3
The first article of this series introduced into the motivation for using Web Components. After looking at the perks in the second part, we are going to learn about the flaws of Web Components in this article. Please note that with the on-going development of the standards, some…
Manuel Rauber