Schulung Plattformneutrale Hybrid-Anwendungen mit HTML5 und JavaScript (oder TypeScript) mit Electron (Hosted/Hybrid Web Apps)

Beschreibung/Inhalt

HTML5 und JavaScript sind der kleinste gemeinsame Nenner aller Plattformen. Mit Chromium und Electron kann man eine traditionelle Webanwendung leicht so umgestalten, dass sie auch lokal auf einem PC im Fenster (ohne Webbrowserfenster) läuft. So eine Webanwendung läuft dann plattformneutral auf Windows, Linux und Mac OS.

- Dieses Schulungsmodul kann mit allen aktuellen TypeScript-Versionen (z.B. 5.3, 5.2, 5.1, 5.0) entsprechend Ihren Wünschen durchgeführt werden.
- Dieses Schulungsmodul kann mit allen aktuellen JavaScript-Versionen (z.B. 14.0, 13.0, 12.0, 11.0) entsprechend Ihren Wünschen durchgeführt werden.

Optional: Vermittlung der notwendigen Grundkenntnisse in HTML, JavaScript, TypeScript, JavaScript-Frameworks wie jQuery, Angular, React, Vue.js und einer Webservertechnik wie z.B. ASP.NET/ASP.NET Web API, JSF/JSP oder PHP

Grundkonzept einer plattformneutrale Anwendungen mit HTML5 und JavaScript

  • Restriktionen der Sandbox
  • Überwindung des Restriktionen durch Host- und Render-Prozess
  • Inter-Process-Kommunikation (IPC)
  • Chromium
  • Electron


  • Werkzeuge
  • Einrichten der Entwicklungsumgebung (z.B. mit Visual Studio Code)
  • Einrichten des Debuggers
  • Einrichten von node.js


  • Erstellung der Oberfläche
  • HTML und CSS
  • Programmierung mit JavaScript oder TypeScript


  • Hosting auf Windows, Mac OS und Linux
  • Hosting der HTML-Anwendung in Chromium
  • Einsatz des Electron-Frameworks und node.js
  • BrowserWindow, BrowserView und WebView
  • Preload-Skripts (preload.js)
  • Einstellungen des Browsers (WebPreferences)


  • Erstellung des Backends
  • Webservices
  • Daten(bank)zugriffe


  • Ressourcenzugriff im Client
  • Zugriff auf Webservices
  • Kommunikation heraus mit dem Betriebssystem (z.B. Dateisystem) und anderen lokalen Ressourcen (Überwinden der Sandbox)


  • Deployment
  • Erstellung von Installationspaketen mit Electron
  • Softwareaktualisierungen


  • Szenarien mit Electron
  • Anpassbare Menü
  • Kontextmenüs
  • Drucken
  • PDF erzeugen
  • Screenshots


  • Praxisbeispiele

    Dauer
    Auf Wunsch. Gerne geben wir Ihnen eine Empfehlung zur notwendigen Schulungsdauer, wenn Sie uns in der Anfrage Ihre Vorkenntnisse und Ziele nennen.
    Ort
    Online oder in Deutschland, Österreich und der Schweiz an Ihrem Firmensitz
    Schulungsdidaktik
    Nach Ihrer Wahl: Klassische Schulung mit PC-Übungen, reine Präsentation ohne PC-Übungen oder interaktiver Workshop mit Beratungsanteil