Schnellstart mit ECMAScript 6

View more Tutorials:

1- Was brauchen Sie?

Vor dem Schnell-start mit ECMAScript sollen Sie die Zeit  verbringen um meinen Artikel über ECMAScript zu lesen, damit Sie eine generale Überblick schaffen können:

Die Spezifikation ES6 (ECMAScript 6) wurde im Juni 2015 veröffentlicht. Sie braucht warten damit die Browser die neuen Funktionen unterstützen. So haben Sie 3 Zugänge um ES6 zu lernen und üben: 

1-Online Tool

Beim Lernen ECMAScript brauchen Sie eine Umwelt um die Kode, die Sie schreiben, zu implementieren.  Es ist am meisten einfach, ein Online-Tool zu benutzen, z.B die Webseite unten:

2- Browser

Beim Lernen ES6 brauchen Sie einen Browser. Es ist am besten, dass Sie Chrome, Firefox oder Safari in die neueste Version herunterladen. Momentan unterstützen diese allen Browser alle Funktionen von ES6.

 Sie können die Unterstützung der Browser für ES6 in dieser folgenden Link nachschlagen: 

3- NodeJS

NodeJS ist eine Umwelt, die außer Browser JavaScript ( JavaScript Runtime Environment) läuft. Es enthaltet V8 Javascript Engine , ein in C++ geschriebenes Programm zur Analyse und die Durchführung der Kode Javascript. V8 ist Javascript Engine vom berühmten Browser Chrome.
Die Installation von NodeJS auf Ihrem Computer hilft Ihnen ohne den Browser bei der Dürchführung der Kode Javascript. Das ist eigentlich sehr nützlich für das Lernen ECMAScript . Ein andere Wichtigkeit ist, dass V8 Javascript Engine in die neueste Version NodeJS die Kode ES7,ES8 analysieren und implementieren
Deshalb sollen Sie nach meiner Meinung NodeJS  installieren

Text Editor?

Um die Kode ECMAScript zu schreiben, können Sie einen Text-Editor benutzen. Meiner Meinung nach sollen Sie den Text-Editor Atom benutzen. Das ist ein umsonster , Open Source Kode Text-editor, der durch GitHub angeboten wird

2- ECMAScript mit Online-Tools lernen

Wie ich oben gemeint habe, um ECMAScript zu lernen brauchen Sie eine Umwelt zur Durchführung der von Ihnen geschriebene Kode. Es ist am meisten einfach, ein online-Tool zur Durchführung der Kode ECMAScript zu suchen, z.B die folgende Webseite:

Sie schreiben Ihre Kode ECMAScript und drücken den Button zu implementieren.

Das Tool erlaubt Sie zu sehen, wie Ihre in ES6 geschriebene Kode in die Kode ES5 umwandelt wird.

3- ECMAScript mit dem Browser lernen

Wie ich oben gemeint habe, brauchen Sie nur einen Browser zum ECMAScript  Lernen , z.B Firefox, Chrome, Safari, und sollen die neueste Version benutzen

Eine File HTML erstellen , z.B hello.html:
hello.html
<h3>View results on the browser's Console window</h3>

<script type="text/javascript">

   console.log("Hello World");

</script>
Öffnen Sie die File hello.html in dem Browser und Sie können die Ergebnisse aufs Fenster Console des Browser.

4- ECMAScript mit NodeJS lernen

Die Erstellung vom Projekt NodeJS hilft Ihnen bei dem leichteren Lernen ECMAScript. Achten Sie darauf, dass Sie NodeJS nicht lernen können. Sie brauchen NodeJS als ein Tool um ohne den Browser die Kode Javascript durchzuführen.
Zuerst erstellen Sie einen leeren Verzeichnis, z.B node-ecmascript. Öffnen Sie das Fenster CMD und machen CD zu den neue erstellten Verzeichnis und führen das folgende Command durch um das Projekt aufzubauen.
# Init project:

npm init

Akzeptieren Sie die Default-Options. Drücken Sie auf Enter, Enter,... Enter bis zum Erledigung.

Eine File package.json wird in Ihrem Verzeichnis neu erstellt.

Öffnen Sie Ihren neuen erstellten Projektsverzeichnis auf einen Text-Editor. Hier benutze ich Atom.

Die File hello.js erstellen

hello.js
console.log("Hello World");
Sie haben 2 Wege um diese File zu laufen

Der Weg 1 : Öffnen Sie das Fenster CMD und laufen das folgende Command:

node hello.js

Der Weg 2 : Atom Runner installieren. Der Plugin erlaubt Sie, die Text-Skript wie Javascript, Python... direkt auf Atom zu laufen.

View more Tutorials: