JavaScript: Asynchrone Programmierung

Toolset

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
NodeJS ist die ideale Plattform, um mit Hilfe einer IDE wie IntelliJ JavaScript-Anwendungen zu entwickeln.

Transkript

Für die Entwicklung von JavaScript Code, benötigt man das richtige Handwerkszeug. Aus diesem Grund, installiere ich im folgenden Video mit Ihnen gemeinsam ein JavaScript IDE, als auch die JavaScript Plattform NodeJS. Auf der Internetseite von NodeJS, unter nodejs.org, finden Sie die für die jeweilige Plattform, also Ihr Betriebssystem, verfügbare Version. In meinem Fall also die 6.2.0, für Windows 64 Bit. Mit einem einfachen Klick auf den großen Button, wird die Anwendung sofort heruntergeladen, ich kann mit der Installation beginnen. Ich wähle also den Button Next, akzeptiere die Lizenzbedingungen, bestätige den Installationspfad, und installiere hier alle Pakete. Sowohl die Node.js runtime, als auch den Node Package Manger. Durch das Bestätigen von Finish, ist die Installation schon beendet. Mit Hilfe der Windows Kommandozeile, kann ich noch sicherstellen, dass die Installation erfolgreich war, indem ich beispielsweise Node in die Konsole eingebe. In diesem Moment kann ich nun JavaScript in diese Zeile schreiben, und ausführen. Wichtig ist auch, dass der Pfad für den Node Package Manager richtig gesetzt ist. Wenn ich nun also npm in die Kommandozeile eingebe, so werden mir die Kommandos auf der Anwendung npm präsentiert. Ist das nicht der Fall, so kann ein Neustart des Betriebssystems, oder eine Neuinstallation der Anwendung, gegebenenfalls helfen. Als nächstes benötige ich nun noch eine geeignete JavaScript IDE, die am besten die aktuelle Standards von JavaScript unterstützt. In meinem Fall wähle ich die Lösung IntelliJ IDEA von Jet Brains. Alternativ gibt es bei Jet Brains Das sich lediglich mit der Sprache JavaScript auseinandersetzt. Alle Funktionen von WebStorm sind aber auch eine Funktion von IntelliJ. Wichtig ist, dass IntelliJ nicht völlig kostenlos ist, das bedeutet, die Community Version, die frei verfügbar ist, hat keine Unterstützung für Webentwicklung also folglich auch nicht für JavaScript. Mit der Ultimate Version, können Sie 30 Tage unverbindlich IntelliJ IDEA testen. Für die tägliche Arbeit mit JavaScript, bietet eine solche IDE deutliche Vorteile. Sollten Sie allerdings eine kostenlose Version einer IDE benötigen, so empfehle ich Ihnen die IDE ATOM. Diese können Sie mit einem einfachen Klick auf Download Windows Installer auf Ihrem System installieren. Um Gebrauch von den neuesten JavaScript Funktionalitäten machen zu können, müssen Sie noch einige Plugin Packete über die Optionen der IDE nachinstallieren. Nach der unkomplizierten Installation von IntelliJ, präsentiert sich Ihnen der Startbildschirm. Von hier aus empfehle ich Ihnen nicht über Create New Project zu arbeiten, sondern stattdessem über den Button Open. Nun lege ich mir einen Projektordner für meine zukünftigen Projekte an. Und innerhalb dieses Ordners, nun beispielsweise für Callbacks, einen Unterordner. Diesen öffne ich nun mit Ok. Wenn Sie mit einem neuen Projekt beginnen, empfiehlt es sich zunächst einmal einige Standardvorgaben festzulegen. Als erstes rufe ich nun das Terminal auf. Von hier aus kann ich Windows Kommandozeilenbefehle verwenden. Wie beispielsweise den Befehl npm init. Mir werden nun einige Fragen gestellt, die ich alle mit der Entertaste beantworte. Automatisch wird die package.json Datei erzeugt, mit der ich zukünftig meine JavaScript Abhängigkeiten verwalten kann. Über den Rechtsklick auf das Projekt, New, File, oder alternativ auch JavaScript File kann ich nun eine Beispieldatei wie test.js anlegen. Als nächstes sollten Sie sicherstellen, dass die Projekteinstellungen auf den neuesten JavaScript Standard gestellt wurden. Das heißt, wenn ich nun const, test eingebe, oder auch let test2, so sollte es nicht dazu kommen, dass einer dieser Begriffe unterstrichen wird. Ist das der Fall, kann ich über File Settings, LanguagesJavaScript, die JavaScript Languageversion, auf ECMAScript 6 erhöhen. Bei einer neuen Installation von IntelliJ IDEA haben Sie standardmäßig nicht das Paket für NodeJS installiert. Bei Rechtsklick, kann ich die JavaScript Datei nicht unmittelbar ausführen. Mit console.log Test, und der Kommandozeile, auf die Test.js Datei, wird diese nun auf der Kommandozeile ausgeführt. Ich möchte aber, dass diese innerhalb von IntelliJ IDEA mit NodeJS ausgeführt wird. Dafür begebe ich mich in Settings Plugins, und installiere nun ein Jet Brains Plugin. Als nächstes müssen Sie nun die IDE neustarten. Nach dem Neustart, können Sie durch einen Rechtsklick, die Test.js Datei innerhalb von IntelliJ IDEA ausführen. Und ich sehe nun die selbe Kommandozeilenausgabe, allerdings gesteuert durch mein IDE. In den letzten Minuten haben wir nun all das installiert, was wir für die tägliche Arbeit mit JavaScript benötigen. Zunächst einmal die JavaScript Plattform NodeJS samt des Package Managers Node Package Manager, oder auch kurz NPM. Selbstverständlich arbeiten wir heutzutage nicht mehr mit Notepad. Stattdessen haben wir uns eine IDE mit Syntax-Highlighting installiert, in meinem Fall nun also IntelliJ IDEA. Die nötigen Konfigurationen, um mit den aktuellen JavaScript Standards zu arbeiten haben wir dann beispielhaft für ein einziges Projekt konfiguriert.

JavaScript: Asynchrone Programmierung

Lernen Sie Lösungen für die komplexe Anwendungsentwicklung kennen, um zeitaufwändige Ressourcenzugriife im Code zu vermeiden.

2 Std. 30 min (19 Videos)
Derzeit sind keine Feedbacks vorhanden...
Software:
Exklusiv für Abo-Kunden
Erscheinungsdatum:22.08.2016

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!