Für vielseitige, in HTML/CSS geschriebene GUIs mit node.js

Blog

Für vielseitige, in HTML/CSS geschriebene GUIs mit node.js

Node.js Version des Atlas Werkzeugkasten

Die Atlas Werkzeugkasten ist verfügbar für:



Sprache GitHub Repository Online-Demonstrationen Sterne
Java https://github.com/epeios-q37/atlas-java https://q37.info/s/3vwk3h3n
Node.js https://github.com/epeios-q37/atlas-node https://q37.info/s/st7gccd4
Perl https://github.com/epeios-q37/atlas-perl https://q37.info/s/h3h34zgq
Python https://github.com/epeios-q37/atlas-python https://q37.info/s/vwpsw73v
Rubin https://github.com/epeios-q37/atlas-ruby https://q37.info/s/9thdtmjg

Hinweis für Repl.it Benutzer (Online-Demonstrationen) : Nach der ersten Demonstration müssen Sie möglicherweise oben links im Rahmen mit dem QR-Code auf die Schaltfläche zum erneuten Laden klicken, um ihn für die anderen Demonstrationen anzuzeigen.

Auf den Punkt gebracht: die Hallo Welt! Programm

Quellcode

const atlas = require( 'atlastk' ); const body = ` Submit Clear `; const callbacks = { '': (dom, id) => dom.inner('', body, () => dom.focus('input')), 'Submit': (dom, id) => dom.getContent('input', (name) => dom.alert('Hello, ' + name + '!', () => dom.focus('input'))), 'Clear': (dom, id) => dom.confirm('Are you sure ?', (answer) => { if (answer) dom.setContent('input', ''); dom.focus('input'); }) }; atlas.launch(() => new atlas.DOM(), callbacks);

Ergebnis



Zu schön um wahr zu sein? Probieren Sie es jetzt aus - es geht schnell und einfach!

Online, ohne Installation

Dank an Replizieren , ein Online-IDE , können Sie Programme schreiben und ausführen, indem Sie die Atlas Toolkit direkt in Ihrem Webbrowser, ohne Installation Node.js auf deinem Computer.

Um einige Beispiele zu sehen, wie die folgenden TodoMVC Bewerbung oder oben Hallo Welt! Programm einfach:



  • gehen Hier (auch zugänglich mit dem Badge oben auf dieser Seite),
  • klicke auf das grüne |_+_| Taste,
  • Wählen Sie die Demo aus, die Sie sehen möchten,
  • klicken (oder scannen Sie mit Ihrem Smartphone) das dann angezeigte QR-Code ,
  • … und führen Sie nach Wunsch eigene Tests direkt in Ihrem Webbrowser durch, indem Sie den Code der Beispiele modifizieren oder Ihren eigenen Code schreiben.

Mit Node.js auf deinem Computer
run

Du bist dran

Wenn Sie Ihren Code auf die nächste Stufe bringen möchten, von CLI zu GUI , dann haben Sie das richtige Toolkit gefunden.

Mit dem Atlas Werkzeugkasten wandeln Sie Ihre Programme in moderne Webanwendungen um ( SPA ), aber ohne den üblichen Ärger:

  • kein Frontend JavaScript schreiben; nur HTML (/ CSS ) und Node.js ,
  • Nein Front- und Backend-Architektur sich damit beschäftigen,
  • Nein Webserver ( Apache , Nginx …) installieren,
  • Sie müssen Ihre Anwendung nicht auf einem Remote-Server bereitstellen,
  • kein eingehender Port zum Öffnen auf Ihrer Internetbox oder Ihrem Router.

Die Atlas Toolkit ist in pure geschrieben Node.js , ohne nativen Code und ohne Abhängigkeiten, so dass die Atlas Toolkit für alle Umgebungen, in denen Node.js ist verfügbar.

Und als i-Tüpfelchen einfach durch Ausführen auf einem lokalen Computer mit einer einfachen Internetverbindung Anwendungen, die die Atlas toolkit wird aus dem gesamten Internet auf Laptops, Smartphones, Tablets…

Inhalt des Repositorys

Die |_+_| Verzeichnis enthält die JavaScript Quellcode für Node.js des Atlas Toolkit, das zum Ausführen der Beispiele nicht benötigt wird.

Die |_+_| Verzeichnis (wird nicht vom Repository bereitgestellt, wird aber beim Starten von |_+_| erstellt) enthält die Dateien, die benötigt werden, um die Atlas Werkzeugkasten.

Die |_+_| Verzeichnis enthält einige Beispiele.

So starten Sie ein Beispiel (aus dem Repository):

  • starten |_+_| (dies muss nur einmal gemacht werden),
  • git clone https://github.com/epeios-q37/atlas-node cd atlas-node npm install cd examples node Hello/main.js ,
  • starten |_+_|,

wo |_+_| ist der Name des Beispiels (|_+_|, |_+_|, |_+_|…). Zum Beispiel |_+_|.

Download-Details:

Autor: epeios-q37

Demo: http://atlastk.org/

Quellcode: https://github.com/epeios-q37/atlas-node

#node #nodejs #javascript