Erste Schritte mit CoffeeScript

Viele Entwickler in der Vergangenheit, als ihnen davon erzählt wurde JavaScript sie litten mehr als nötig, denn es war nicht möglich gewesen, die wahren Vorteile dieser Sprache zu finden, die im Browser läuft.
Nach vielen Jahren der Unsicherheit sind die Bibliotheken, die Funktionalitäten bereitstellen, zusammengefasst als jQuery oder Mootools, machte das Vertrauen in die Sprache wiedererlangt, aber erst mit dem Erscheinen von Projekten wie Node.js dass es nicht wirklich berücksichtigt wurde. Das einzige Problem mit JavaScript ist, dass seine Syntax mit dem, was Entwickler jetzt suchen, veraltet ist, zum Beispiel sehen wir, wie Rubin oder Python Sie sind sehr erfolgreich wegen der Sauberkeit, mit der ihre Shows gezeigt werden.
KaffeeScriptDa in der Welt der Technik nichts unmöglich ist und es immer ein Team gibt, das die Welt verändern möchte, entsteht es KaffeeScript, eine Sprache, die auf basiert JavaScript und das hilft uns, eine sauberere Syntax zu haben, nachdem wir unsere Programme geschrieben haben, werden sie kompiliert und umgewandelt in JavaScript Pure hält so die Kompatibilität mit den Plattformen aufrecht, auf denen es ausgeführt wird.
Genießen zu können KaffeeScript Zuerst müssen wir einige Anforderungen erfüllen, auf diese Weise können wir auf seinen Compiler zugreifen, aber nicht nur das, wir müssen auch eine grundlegende Vorstellung von den anfänglichen Befehlen haben, um mit der Ausführung unserer Programme beginnen zu können.
Das erste, was wir brauchen, ist Node.js Mit diesem Tool haben wir einen Paketmanager namens npm mit dem wir die gesamte Umgebung installieren können KaffeeScript auf ganz einfache Weise. Der beste Weg zu installieren Node.js Es ist durch seine offiziellen Installer auf nodejs.org, wie wir in der folgenden Abbildung sehen, haben wir Versionen für fast alle Plattformen, die wir wollen:

VERGRÖSSERN

In diesem Tutorial arbeiten wir mit der Version für Fenster. Sobald wir installiert haben Node.js Wir können testen, ob die Installation erfolgreich war, indem wir den folgenden Befehl ausführen:

 Knoten -v

Dies sollte uns einen Bildschirm mit der Version zurückgeben, die wir in unserem System haben. Wenn dies nicht der Fall ist, müssen wir unsere Installation validieren, da sie nicht korrekt ist. Mal sehen, wie die Ausführung aussieht:

Jetzt haben wir Node.js jetzt ist es Zeit zu installieren KaffeeScript, in der Vergangenheit mussten wir installieren npm abgesehen, aber in den neuesten Versionen ist es bereits enthalten, so dass wir zur Erfüllung unseres Ziels nur den folgenden Befehl eingeben müssen:

 npm install -g Kaffee-Skript

Wir sehen, dass wir a . platzieren -g, dies zeigt an, dass die Installation global, um haben zu können KaffeeScript In unserem gesamten System dauert es bei der Ausführung des Befehls einige Sekunden, bis alles Notwendige heruntergeladen wird.
Schließlich können wir in unserer Befehlskonsole Folgendes ausführen, um zu überprüfen, ob die Installation korrekt und ohne Probleme durchgeführt wurde:

 Kaffee -v

Danach sollten wir ein Ergebnis ähnlich dem folgenden Bild haben:

Damit haben wir die Sprachinstallation erfolgreich abgeschlossen KaffeeScript, aber nicht nur das, wir haben auch Node.js die uns in Zukunft für andere Tools und Entwicklungsumgebungen dienen werden.
WichtigObwohl der Prozess in Fenster Es ist im Grunde für alle Plattformen gleich, was sich vielleicht am meisten ändert, ist die Art der Installation Node.js, aber die Verwendung von npm zum installieren KaffeeScript ist dasselbe.
Da wir unsere Anforderungen erfolgreich installiert haben, werden wir jetzt unser erstes Programm erstellen, dafür müssen wir das starten Hülse oder interaktive Konsole KaffeeScript, dafür einfach in unsere Konsole oder das Terminal des Betriebssystems, auf dem wir die Installation durchgeführt haben, werden wir das Wort platzieren Kaffee und wir werden die erwähnte Shell betreten.

Dort werden wir den folgenden Code platzieren, der nichts anderes ist als a Hallo Welt um in diese neue Technologie einzusteigen. Wir beginnen mit der Deklaration einer Variablen, dazu setzen wir ihren Namen, ein Gleichheitszeichen und dann ihren Inhalt, im Beispiel wäre das wie folgt:

 Gruß = "Welt"

Wir drücken Eintreten, jetzt erstellen wir einen Textstring, darin werden wir die Variable einfügen, dafür müssen wir nur die Pfund-Zeichen # und dazwischen Schlüssel der Name der Variablen, zum Beispiel:

 "Hallo! #{Gruß}!"

Zum Abschluss drücken wir Eintreten wieder und wir kriegen unsere Hi! Welt! Ergebnis, wie wir im folgenden Bild sehen:

Wenn wir unser erstes Programm fertig haben, wollen wir sicher ein bisschen feiern, und dafür wollen wir die Shell nicht aktiv lassen, also müssen wir nur die Tasten drücken, wenn wir sie verlassen wollen STRG + D und damit kehren wir zu unserer Betriebssystemkonsole zurück.
Da das Schreiben von allem in die Konsole nicht wirklich etwas ist, das wir in unseren Anwendungen häufig verwenden werden, müssen wir lernen, unsere Dateien zu kompilieren; mit kompilieren meinen wir die Übersetzung, die aus dem Code gemacht wird KaffeeScript zu JavaScript Auf diese Weise kann das Ergebnis auf allen Plattformen ausgeführt werden, die letzteres unterstützen.
Das einzige, was wir zusätzlich zu dem, was wir bereits haben, brauchen, ist ein guter Texteditor, einer der beliebtesten ist Erhabener TextDas Gute daran ist, dass es Tausende von Erweiterungen gibt, mit denen wir zusätzliche Funktionalitäten erreichen können, die uns die Arbeit erleichtern. Im Moment können wir den gewünschten Editor verwenden, in den Beispielen werden wir sehen, wie er verwendet wird Erhabener Text.
DateierweiterungAlle unsere Dateien müssen auf enden .Kaffee damit wissen wir, dass diese entsprechen KaffeeScript, werden wir ein kleines Beispiel erstellen, das uns eine Warnung mit einer Nachricht anzeigt, dann werden wir es kompilieren und das Ergebnis sehen.
Wir erstellen eine Datei namens Beispiel1.Kaffee und darin werden wir die folgenden Inhalte platzieren:

 Alarm "Willkommen !!"

Um unsere Datei zu kompilieren, müssen wir nur die folgende Befehlszeile ausführen:

 Kaffee -c Beispiel1.Kaffee

Diese Aktion erzeugt eine Datei .js namens beispiel1.js, wie wir im folgenden Bild visualisieren können:

VERGRÖSSERN

Welche wird folgenden Inhalt haben:

 alarm ("Willkommen!!");

Jetzt fragen wir uns sicherlich, welchen Nutzen es hat, die Dateien zu kompilieren .Kaffee, die Antwort ist, damit wir unseren Code problemlos in einer Seite verwenden können, wir tun dies, weil die Datei .Kaffee Es kann vom Browser nicht interpretiert werden, daher ist das kompilierte Ergebnis die Datei .js ist derjenige, der unsere Seite zum Laufen bringen wird.
Um das oben Erklärte im selben Verzeichnis oder Ordner anzuzeigen, in dem wir unsere kompilieren Beispiel1.Kaffee Wir werden eine neue Datei erstellen, dies wird eine Datei sein HTML normal nennen wir es example2.html und darin machen wir einen Link zu example2.js, sehen wir uns den erforderlichen Code an:

 Unsere Anwendung mit CoffeeScript 

In unserem Browser ausgeführt, sollte dies wie folgt aussehen:

Jetzt erstellen wir eine Datei namens Beispiel2.Kaffee und wir werden den folgenden Code platzieren:

 language = {ourlanguage: {name: "Coffee"}} ourElement = document.getElementById ("language") ourElement.innerHTML = language.ourlanguage.name

Wir erstellen und aktualisieren unsere HTML aus dem vorherigen Schritt:

Wie wir bemerkt haben, hat sich das letzte Wort des Titels geändert, wenn wir die Datei jetzt erneut ändern Beispiel2.Kaffee und wir platzieren KaffeeScript, damit die Änderungen ohne Kompilieren widergespiegelt werden, müssen Sie nur den folgenden Befehl ausführen:

 Kaffee -c.

Damit aktualisieren wir die .js die basierend auf den Dateien Änderungen erfordern.Kaffee geändert, mal sehen:

Und schließlich beim Aktualisieren unserer Datei HTML Wir werden sehen, wie sich die in unserem Code vorgenommenen Änderungen widerspiegeln:

Dieser Prozess des Kompilierens jedes Mal, wenn wir etwas ändern, ist etwas schwer, besonders wenn wir eine große Anzahl von Dateien in verschiedenen Ordnern ändern müssen, deshalb können wir den Compiler "beobachten" lassen und jedes Mal, wenn er eine Änderung sieht oder erkennt in eine Datei sofort neu kompilieren, um unsere Anwendung auf dem neuesten Stand zu halten.
Um dies zu erreichen, müssen wir einfach den Befehl platzieren:

 Kaffee -w -c.

Damit kompilieren wir das gesamte Verzeichnis und teilen dem Compiler mit, dass er bei einer Änderung in einer Datei erneut kompilieren soll. Sehen wir uns im folgenden Bild an, wie die Bauprotokoll Wenn Sie Änderungen an Dateien vornehmen, geschieht dies alles automatisch:

Indem wir diese grundlegenden Teile beherrschen und zum Laufen bringen, werden wir sehr wichtige Kenntnisse erlangen, die uns helfen werden, als Entwickler zu wachsen. Wichtig ist, mit den Kompilierungskonzepten gut umzugehen und die resultierende Datei zu sehen, damit wir nach und nach die Vorteile von JavaScript als moderne Entwicklungssprache.
Damit haben wir dieses Tutorial beendet, wie wir sehen, mit zu arbeiten KaffeeScript Es ist in seinen Anfängen etwas ganz Einfaches, natürlich hat es wie alle Programmiersprachen eine Lernkurve, ist jedoch nicht so hoch und komplex wie andere Sprachen.