Commencez avec CoffeeScript

De nombreux développeurs dans le passé quand on leur a parlé de JavaScript ils ont souffert plus que nécessaire, ceci parce qu'il n'avait pas été possible de trouver les vrais avantages de ce langage qui s'exécute dans le navigateur.
Après de nombreuses années d'incertitude, les bibliothèques qui fournissent des fonctionnalités résumées comme jQuery ou alors Mootools, fait reprendre confiance en la langue, mais il faudra attendre l'apparition de projets comme Node.js qu'il n'a pas vraiment été pris en compte. Le seul problème avec JavaScript est que sa syntaxe est obsolète avec ce que les développeurs recherchent maintenant, par exemple nous voyons comment Rubis ou alors Python ils ont beaucoup de succès en raison de la propreté avec laquelle leurs spectacles sont présentés.
CoffeeScriptComme dans le monde de la technologie rien n'est impossible, et il y a toujours une équipe qui veut changer le monde, ça se pose CoffeeScript, un langage basé sur JavaScript et cela nous aide à avoir une syntaxe plus propre, après avoir écrit nos programmes, ils sont compilés et transformés en JavaScript Pure maintenant ainsi la compatibilité avec les plates-formes sur lesquelles il s'exécute.
Pour pouvoir profiter CoffeeScript Nous devons d'abord répondre à certaines exigences, de cette manière nous pouvons avoir accès à son compilateur, mais pas seulement cela, nous devons également avoir une notion de base des commandes initiales pour pouvoir commencer à exécuter nos programmes.
La première chose dont nous aurons besoin est Node.js avec cet outil, nous aurons à disposition un gestionnaire de paquets appelé npm avec lequel nous pouvons installer l'ensemble de l'environnement CoffeScript d'une manière très simple. La meilleure façon d'installer Node.js C'est via ses installateurs officiels sur nodejs.org, comme nous le voyons dans l'image suivante, nous avons des versions pour presque toutes les plateformes que nous voulons :

AGRANDIR

Dans le cas de ce tutoriel, nous allons travailler avec la version pour les fenêtres. Une fois que nous avons installé Node.js nous pouvons tester que l'installation a réussi en exécutant la commande suivante :

 nœud -v

Cela devrait nous renvoyer un écran avec la version que nous avons dans notre système, si cela ne se produit pas, nous devons valider notre installation car elle n'est pas correcte, voyons à quoi ressemble son exécution :

Maintenant que nous avons Node.js il est maintenant temps d'installer CoffeeScript, dans le passé nous devions installer npm à part, cependant dans les versions les plus récentes, il est déjà inclus, donc pour atteindre notre objectif, nous n'avons qu'à placer la commande suivante :

 npm install -g coffee-script

Nous voyons que nous plaçons un -g, cela indique que l'installation est global, afin de pouvoir avoir CoffeeScript dans tout notre système, lors de l'exécution de la commande, il faudra quelques secondes pour télécharger tout le nécessaire.
Enfin, nous pouvons exécuter ce qui suit dans notre console de commande pour vérifier que l'installation a été effectuée correctement et sans problème :

 café -v

Après cela, nous devrions avoir un résultat similaire à l'image suivante :

Avec cela, nous avons terminé avec succès l'installation de la langue CoffeeScript, mais pas seulement cela, nous avons aussi Node.js qui nous serviront pour d'autres outils et environnements de développement à l'avenir.
ImportantBien que le processus se déroule dans les fenêtres C'est fondamentalement le même pour toutes les plates-formes, peut-être que ce qui change le plus est la façon d'installer Node.js, mais l'utilisation de npm pour installer CoffeeScript C'est lui-même.
Puisque nous avons installé avec succès nos exigences, nous allons maintenant créer notre premier programme, pour cela nous devons démarrer le coquille ou console interactive CoffeeScript, pour cela simplement dans notre console ou terminal du système d'exploitation où nous avons fait l'installation nous allons placer le mot café et nous entrerons dans le shell mentionné.

Une fois là, nous allons placer le code suivant qui n'est rien de plus qu'un Salut monde pour vous lancer dans cette nouvelle technologie. On commence par déclarer une variable, pour cela on va placer son nom, un signe d'égalité puis son contenu, dans le cas de l'exemple ce serait comme suit :

 salutation = "Monde"

Nous poussons Entrer, maintenant nous allons créer une chaîne de texte, dans laquelle nous allons inclure la variable, pour cela nous n'avons qu'à placer le signe dièse # et entre Clés le nom de la variable, par exemple :

 "Salut! #{salutation}!"

Pour finir on appuie Entrer encore et nous aurons notre Salut! Monde! résultat comme on le voit dans l'image suivante:

Une fois que nous aurons terminé notre premier programme, nous aurons sûrement envie de célébrer un peu, et pour cela nous ne voulons pas laisser le shell actif, donc si nous voulons le quitter, nous n'avons qu'à appuyer sur les touches CTRL + D et avec cela nous retournerons à notre console de système d'exploitation.
Comme tout écrire dans la console n'est pas vraiment quelque chose que nous utiliserons fréquemment dans nos applications, nous devons apprendre à compiler nos fichiers; par compilation on entend la traduction qui est faite du code CoffeeScript à JavaScript de cette façon, le résultat peut être exécuté sur toutes les plates-formes qui prennent en charge cette dernière.
La seule chose dont nous avons besoin en plus de ce que nous avons déjà est un bon éditeur de texte, l'un des plus populaires est Texte sublimeLa bonne chose à ce sujet est qu'il existe des milliers d'extensions avec lesquelles nous pouvons obtenir des fonctionnalités supplémentaires pour faciliter notre travail. Pour l'instant nous pouvons utiliser l'éditeur que nous voulons, dans les exemples nous verrons comment il est utilisé Texte sublime.
Extension de fichierTous nos fichiers doivent se terminer par .café avec cela, nous saurons que ceux-ci correspondent à CoffeeScript, nous allons créer un petit exemple qui nous montre une alerte avec un message, puis nous allons le compiler et voir le résultat.
Nous allons créer un fichier appelé exemple1.café et à l'intérieur, nous allons placer le contenu suivant :

 alerte "Bienvenue !!"

Pour compiler notre fichier il suffit de lancer la ligne de commande suivante :

 café -c exemple1.café

Cette action va générer un fichier .js appelé exemple1.js, comment nous pouvons visualiser dans l'image suivante :

AGRANDIR

Qui aura le contenu suivant :

 alerte ("Bienvenue !!");

Maintenant, nous nous demandons sûrement quelle est l'utilité de compiler les fichiers .café, la réponse est pour que nous puissions utiliser notre code dans une page sans aucun problème, nous le faisons parce que le fichier .café Il ne pourra pas être interprété par le navigateur, donc le résultat compilé qui est le fichier .js est celui qui fera fonctionner notre page.
Pour afficher ce qui précède expliqué dans le même répertoire ou dossier où nous compilons notre exemple1.café nous allons créer un nouveau fichier, ce sera un fichier HTML normal on va l'appeler exemple2.html et à l'intérieur, nous allons faire un lien vers exemple2.js, voyons le code nécessaire :

 Notre application avec CoffeeScript 

Lorsqu'il est exécuté dans notre navigateur, cela devrait ressembler à ceci :

Maintenant, nous allons créer un fichier appelé exemple2.café et nous placerons le code suivant :

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

Nous compilons et actualisons notre HTML de l'étape précédente :

Comme nous l'avons remarqué, le dernier mot du titre a changé, maintenant si nous modifions à nouveau le fichier exemple2.café et nous plaçons CoffeScript, pour que les modifications soient répercutées sans qu'il soit nécessaire de compiler, il vous suffit d'exécuter la commande suivante :

 café -c.

Avec cela, ce que nous faisons est de rafraîchir le .js qui ont nécessité des modifications en fonction des fichiers.café modifié, voyons :

Et enfin lors de la mise à jour de notre fichier HTML Nous allons voir comment les modifications apportées à notre code sont reflétées :

Ce processus de compilation à chaque fois que nous modifions quelque chose est un peu lourd, surtout si nous devons modifier un grand nombre de fichiers dans différents dossiers, c'est pourquoi nous pouvons faire en sorte que le compilateur "observe" et à chaque fois qu'il voit ou détecte un changement dans un fichier recompilé immédiatement pour maintenir notre application à jour.
Pour y parvenir, nous devons simplement placer la commande :

 café -w -c.

Avec cela, nous compilons l'intégralité du répertoire et nous disons au compilateur que lorsqu'il y a un changement dans un fichier, il doit le compiler à nouveau. Voyons dans l'image suivante comment le journal de construction lors de la modification des fichiers, tout cela se produit automatiquement :

En maîtrisant ces éléments de base et en les faisant fonctionner, nous acquerrons des connaissances très importantes qui nous aideront à grandir en tant que développeurs. L'important est de bien gérer les concepts de compilation et de voir le fichier résultant, avec cela nous apprendrons progressivement les avantages de JavaScript comme langage de développement moderne.
Avec cela, nous avons terminé ce tutoriel, comme nous le voyons travailler avec CoffeeScript C'est quelque chose d'assez simple à ses débuts, bien sûr, comme tous les langages de programmation, il a une courbe d'apprentissage, mais il n'est pas aussi élevé et complexe que les autres langages.