Javascript als ausführbares Programm?

Hallo,

soweit ich weiß, wurde z.B. das Programm "Brackets" mit Javascript entwickelt.

Nun stelle ich mir die Frage, wie ich selber kleine Javascript-Programme machen kann. Meiner Meinung nach, ist es viel effizienter kleine Programme(wie Rechner oder so) mit Javascript zu coden.

Wie bekomme ich ein Javascript.exe-Programm hin?

3 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Programm, HTML

03.09.2019, 00:33

Alternativ zu Electron kann man meines Wissens nach auch mit Proton Native, UWP oder Vuido native Applikationen entwickeln.

medmonk

03.09.2019, 05:01

Ja, dass kann man. Proton Native insofern "besonders" ist, weil man sich besonders an React orientiert. Electron im Vergleich da in sämtliche Richtung offen ist. Egal ob React, Angular, Vue oder andere Frameworks. Eigentlich keines davon stärker im Fokus steht. Wenn dann eher vom jeweiligen Entwickler und nicht vom FW selbst.

LG medmonk

abzAntwort

Beitragsersteller

03.09.2019, 19:29

Ich glaube, dass ich mich im Endeffekt an Electron halten werde, wie @medmonk schon sagte. Ich habe heute/gestern auch schon etwas damit beschäftigt.

Danke aber auch noch für die Alternativvorschläge.

nobswolf

02.09.2019, 19:38

Man kann schon sehr geile Sachen in JS im Browser machen. Der Vorteil ist dann auch, dass man mit AJAX und JSON und SOAP und solchen Technologien andere Informationsquellen im Web gleich mitbenutzen kann. Und es läuft dann halt auch gleich auf jeder Plattform und man muss nichts installieren. Es verhält sich wie eine Webseite.

Aber so toll, dass ich nun auf dem Desktop damit Programme schreiben möchte, finde ich JS nun wieder nicht.

Aber das ist nur meine Meinung :)

Woher ich das weiß:Berufserfahrung – Bringt der Job halt so mit sich

nobswolf

02.09.2019, 19:28

JS ist nicht dafür gedacht als .exe ausgeführt zu werden. Schreibe Deinen Code in eine Textdatei mit der Endung .js und lade sie in Deinem Browser. Mit F12 hast du dann im Browser auch gleich eine Konsole und einen Debugger dazu. Das funktioniert übrigens auch mit jeder Webseite.

Noch einfacher wird es wenn du das Programm in einen <script> Abschnitt in eine .html-Datei schreibst und die im Browser lädst.

Wenn Du unbedingt direkt auf dem Rechner Programme laufen lassen willst, schau Dir z.B. Python an. Das ist eine sehr leistungsfähige Sprache die unabhängig vom Browser läuft und vielfältig eingesetzt wird.

Woher ich das weiß:Berufserfahrung – Bringt der Job halt so mit sich

medmonk

02.09.2019, 19:51

JS ist nicht dafür gedacht als .exe ausgeführt zu werden.

Schnee von gestern. ;) Dank Electron (Chromium + Node) relativ einfach native Apps plattformübergreifend mit JavaScript und anderen Web-Technologien umgesetzt werden können.

regex9

03.09.2019, 00:23

Das Hineinladen von JavaScript-Dateien in den standardkonfigurierten Browser funktioniert nur, in dem man die js-Datei in ein HTML-Dokument einbettet. Andernfalls wird die Datei als Plaintext interpretiert.

abzAntwort

Beitragsersteller

02.09.2019, 19:33

Danke für den Vorschlag mit Python. Das werde ich mir mal angucken.

Kennst du denn Brackets? Brackets ist ein Texteditor von Adobe.

Auf deren Website und in Brackets unter dem Tab "Über" steht "Made with JavaScript and <3". Die Frage ist mir daher gekommen, dass Brackets keine Web-App ist, sondern ein ausführbares Programm.

Ähnliche Beiträge

Brackets HTML speichern?

Hallo,

Ich will in der Brackets open source coden und wollte fragen wie man in diesem Programm Dateien abspeichert um diese in Ordner zu legen.

...zum Beitrag

Javascript Formular mit Placeholder rechnen?

Hallo,

ich habe folgenden Code:

<html>
    <head></head>
    <body>
        <input type="number" id="in1" placeholder="0">
        <input type="number" id="in2" placeholder="0">
        <input type="number" id="out">
        <input type="button" value="Weiter" onclick="
            out.value = parseFloat(in1.value) + parseFloat(in2.value);
        ">
    </body>
</html>

Wenn ich in ein Feld nichts eingebe, doll Javascript den placeholder (also 0) als Inhalt ansehen und mit diesem Wert weiterrechnen. Es klappt aber leider noch nicht. Kann mir da wer helfen?

...zum Beitrag

Javascript: Rechner bauen Grund und Leistungsumsatz Kalorien

Hi, wie bekomme ich es am einfachsten hin einen Grund und Leistungsumsatzrechner zu erstellen und auf meine Seite zu implementieren? Ich brauche genau soeinen Rechner: http://www.sportunterricht.ch/Theorie/Energie/energie.php

...zum Beitrag

HTML Javascript funktioniert nicht?

Hey Leute,

Ich versuche gerade einen Random Name Generator mit HTML/Javascript zu erstellen. Ich bin relativ neu, was das Thema Javascript angeht.
Ich habe mir einfach mal einen Beispielcode für einen Random Name Generator geholt und versucht das ganze selbst zu machen. Allerdings bekomme ich es nicht hin, dass Javascript mitspielt. Es passiert einfach nichts trotz Javascript. Wenn ich den ganze Code via codepen.io laufen lassen, funktioniert es einwandfrei. Hier mal der codepen.io link: https://codepen.io/Johnny3_3/pen/Exjdxom

Hier der Code, den ich in meiner HTML Datei/Javascript Datei stehen habe.

HTML:

Javascript:

...zum Beitrag

Homepage-Baukasten, der HTML-Code ausspuckt

Hallo zusammen,

ich möchte eine eigene Homepage erstellen. Kenntnisse in HTML, CSS, JavaScript, PHP und MySQL sind zwar vorhanden, aber ich bin vor allem zu faul, den statischen Code (also HTML, CSS und JavaScript) zu schreiben, weil das so lange dauert. Außerdem bin ich im Designen nicht so gut. Deshalb wollte ich mir die Arbeit von einem Homepagebaukasten abnehmen lassen, der am Ende HTML-, CSS-, und JavaScript-Code ausspuckt, sodass ich hier am Design nichts mehr schreiben muss. Leider laufen die meisten Homepagebaukasten direkt im Browser (optimaler, aber nicht notwendig wäre ein Desktop-Programm) und vor allem gibt es bei den meisten nur die Möglichkeit, die Webseite direkt zu hosten, ohne dass der HTML-Code abrufbar ist (außer dann später, wenn die Webseite gehostet ist).

Meine Frage also: Kennt jemand einen Homepage-Baukasten, der direkt HTML-, CSS- und JavaScript-Code ausspuckt und einen nicht zwingt, die Seite direkt zu hosten, un der möglichst auf dem Desktop läuft?

Vielen Dank im Voraus und viele Grüße!

...zum Beitrag

JavaScript Variable mit Schieberegler anpassen?

Hallo,

ich programmiere zur Zeit mit Canvas ein kleines Spiel für die Schule. Allerdings gibt es da ein kleines Problem.

Ich möchte gerne die Geschwindigkeit des Spieler individuell mit Hilfe eines range input-Elements verändern. Allerdings bekomme ich es nicht hin, den Output erfolgreich der Variable zuzuordnen.

Hier der Code:

<body>
  <canvas id="canvas" width="600" height="400" tabindex="1"></canvas>
  <div class="slidecontainer">
    <input type="range" min="1" max="10" value="5" class="slider" id="gs" onchange="input(this.value);">
  </div>
  <script>
    var canvas = document.getElementById('canvas');
    var context = canvas.getContext('2d');
    var score = 0;

    // Spieler Werte
    var x = 50;
    var y = 100;
    var speed = 6;
    var sideLength = 50;
  </script>
</body>

...zum Beitrag

Warum gibt es nichts anderes als JavaScript im Browser Frontend?

Es gibt Dart-Flutter, C#-Blazor soweit ich weiß, aber ich nehme an, es ist nur JavaScript unter der Haube.

Ähnlich wie, wenn man React Native Code schreibt, wird es in die native mobile Sprache umgewandelt => Kotlin, Swift etc..

Weil soweit ich weiß, versteht der Browser nichts anderes als HTML, CSS und JavaScript.

Es gibt da nur die V8-Engine / andere JavaScript-Engines.

Aber warum?

Wieso ist es nicht theoretisch möglich, einfach mit einer neuen Sprache die für cross platform entwickelt wurde, einen onclick-Event Listener zu nutzen?

In einer ganz eigenen Engine.

Heißt nicht, das sie JavaScript irgendetwas die nächsten 5 Jahre streitig machen könnte, aber wenn diese Sprache direkt Typisierung unterstützen würde, ohne TypeScript und auch noch für andere Dinge besser geeignet wäre als JavaScript (wurde halt nicht dafür designed, ganz egal ob Electron, Native existiert) wie Desktopanwendungen, Mobil, etc..

PHP nehme ich erst garnicht auf, das macht alleine gar nichts im Frontend, ist eine Backendsprache und alleine sinnlos auf Websites, bis auf bisschen HTML generieren, das auch nur vom Server kommt.

Klar, wenn du ewig lange Weiterleitungen willst, die furchtbar sind und überhaupt nicht interaktive Websites, dich auf Formulare beschränkst, dann kriegst du das auch ohne JavaScript hin, etwas Schreckliches zu programmieren.

Mit WebAssembly kenne ich mich gar nicht aus. Ob da Event Listener, usw. möglich sind. Aber alleine von der Einstiegshürde und Komplexität die ich höre, ist das keine Alternative.

Assembly ist auch keine Alternative zu C++. Dafür gibt es Rust.

...zum Beitrag

HTML | JavaScript | CSS | NaN | Fehler?

Hallo,

ich möchte einen Rechner machen, ich habe eine PC-Version und eine Mobile-Version. Die PC Version klappt super, aber die Mobile Version zeigt immer XXX: NaN€

Ich habe den Code vom PC kopiert und an jede Variable einfach ein "m"(mobile) drangehangen.

Hier der Code:

https://pastebin.com/d2HSC5Qx

...zum Beitrag

Alternative für Trinket?

Hallo Leute, ich baue gerade eine Website für meine Facharbeit mit HTML, CSS und JavaScript. Auf der Website soll 1 Python Programm gezeigt werden (also der Code) und es soll eine Konsole geben, mit der man das Programm ausführen kann und wenn nötig (also das Programm fragt den Nutzer etwas einzugeben um dann spezielle Berechnungen zu tätigen) etwas eingeben kann. Gibt es einer Möglichkeit dies direkt mit HTML, CSS und JavaScript zu erstellen, oder braucht man da direkt ein Programm wie Trinket, dessen Code man dann einbetten kann. Wenn ja, gibt es andere solche Tools. Oder wie würde sowas dann funktionieren, wenn man es direkt programmiert?

Vielen Dank an alle, die sich für diese Frage Zeit nehmen!

LG Melleo

...zum Beitrag

Website lädt automatisch neu?

Heute habe ich eine neue Website gemacht, es ist eine Todo Liste, einfach damit ich ein bisschen javascript üben kann. Soweit funktioniert auch alles doch sobald ich Sachen in den input eingebe und dann auf Hinzufügen drücke lädt die seite neu. Wieso?

Hier der js code

Und hier der HTML code

...zum Beitrag

Javascript for-of schleife ergebnise mit einander rechnen?

Hey,
folgendes: Ich möchte einen notendurchschnitt berechner bauen. Nun habe ich folgendes Problem: Ich trage die Noten in eine Tabelle ein. Mit einer for-of schleife tu ich drüber etarieren. Nur jetzt weiß ich nicht, wie ich die ganzen Zahlen zusammen rechnen soll.

Hier der Code:

let noten = e.target.parentNode.querySelectorAll(".noten");

for(let note of noten.values()){

if(note.value != 0){

console.log(note.value);

// Problem: Alle Noten miteinander verrechnen

}

...zum Beitrag

ISt Adobe Dreamweaver gut?

Hey,

Ich habe angefangen mich für web Entwicklung zu interessieren und bin grade dabei css noch zu lernen um dann zu JavaScript zu gehen (html kann ich schon gut).

Ich Benutze allgemein sehr viele Adobe Programme, lohnt es sich Adrobe Dreamweaver zu Verwenden statt Visual Studio Code? (müsste nichts extra zahlen weil in dem Abo was ich habe alle Programme inbegriffen sind)

...zum Beitrag

JavaScript Funktion Summe?

Hallo ich möchte ein einfaches Programm scheiben was von zwei input feldern die Zahlen nach button Bestätigung zusammenrechnet. Bin mir bei meinem Code nicht sicher. Es addiert die Zahlen nicht sondern schreibt sie zusammen. 1+2=12

<script>
function summe()
{
var z1=document.getElementById('zahl1').value;
var z2=document.getElementById('zahl2').value;


var ergebnis= (z1+z2);
document.write("Das Ergebnis ist:"+ ergebnis);
}
</script>
<input type=text id="zahl1">
<input type=text id="zahl2">
<input type=button onclick="summe()" value="=">
</body>

...zum Beitrag

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen