Kom godt i gang med CoffeeScript

Indholdsfortegnelse
Mange udviklere tidligere, da de blev fortalt om JavaScript de led mere end nødvendigt, dette fordi det ikke havde været muligt at finde de sande fordele ved dette sprog, der kører i browseren.
Efter mange års usikkerhed opsummeres de biblioteker, der leverer funktionaliteter, som jQuery eller Mootools, fik tillid til, at sproget genvandt, men det var først ved fremkomsten af ​​projekter som f.eks Node.js at der ikke rigtig blev taget højde for det. Det eneste problem med JavaScript er, at dens syntaks er forældet med, hvad udviklere leder efter nu, for eksempel ser vi hvordan Rubin eller Python de er meget vellykkede på grund af den renlighed, hvormed deres shows vises.
CoffeeScriptSom i teknologiens verden er intet umuligt, og der er altid et team, der ønsker at ændre verden, det opstår CoffeeScript, et sprog, der er baseret på JavaScript og det hjælper os med at få en renere syntaks, efter at vi har skrevet vores programmer, bliver de samlet og transformeret til JavaScript Ren og bevarer dermed kompatibiliteten med de platforme, hvor den kører.
At kunne nyde CoffeeScript Først skal vi opfylde nogle krav, på denne måde kan vi have adgang til dens kompilator, men ikke kun det, vi skal også have en grundlæggende forestilling om de første kommandoer for at kunne begynde at udføre vores programmer.
Det første, vi får brug for, er Node.js med dette værktøj vil vi have en pakkeleder kaldet npm som vi kan installere hele miljøet med CoffeScript på en meget enkel måde. Den bedste måde at installere på Node.js Det er gennem dets officielle installatører på nodejs.org, som vi ser på følgende billede, har vi versioner til næsten alle de platforme, vi ønsker:

FORSTØRRE

I tilfælde af denne tutorial vil vi arbejde med versionen til Windows. Når vi har installeret Node.js vi kan teste, at installationen var vellykket ved at udføre følgende kommando:
 knude -v
Dette skulle give os en skærm med den version, vi har i vores system, hvis dette ikke sker, skal vi validere vores installation, da den ikke er korrekt, lad os se, hvordan udførelsen af ​​den ser ud:

Nu hvor vi har Node.js nu er det tid til at installere CoffeeScript, tidligere måtte vi installere npm bortset fra, men i de nyeste versioner er det allerede inkluderet, så for at opfylde vores mål skal vi kun placere følgende kommando:
 npm installer -g kaffe -script
Vi ser, at vi placerer en -g, dette angiver, at installationen er global, for at kunne have CoffeeScript i hele vores system, når det udføres kommandoen, vil det tage et par sekunder, mens det downloader alt nødvendigt.
Endelig kan vi udføre følgende i vores kommandokonsol for at kontrollere, at installationen blev udført korrekt og uden problemer:
 kaffe -v
Herefter skulle vi have et resultat, der ligner følgende billede:

Hermed har vi med succes afsluttet sproginstallationen CoffeeScript, men ikke kun dette, har vi også Node.js der vil tjene os til andre værktøjer og udviklingsmiljøer i fremtiden.
VigtigSelvom processen udføres i Windows Det er stort set det samme for alle platforme, måske er det, der ændrer sig mest, måden at installere på Node.js, men brugen af npm til installation CoffeeScript er den samme.
Da vi med succes har installeret vores krav, skal vi nu oprette vores første program, for dette skal vi starte skal eller interaktiv konsol CoffeeScript, for dette simpelthen i vores konsol eller terminal i operativsystemet, hvor vi foretog installationen, skal vi placere ordet kaffe og vi kommer ind i den nævnte skal.

Når vi er der, skal vi placere følgende kode, der ikke er mere end a Hej Verden at komme i gang med denne nye teknologi. Vi starter med at erklære en variabel, for dette vil vi placere dets navn, et lighedstegn og derefter dets indhold, i tilfælde af eksemplet ville det være som følger:
 hilsen = "Verden"
Vi skubber Gå ind, nu skal vi oprette en tekststreng, inden for dette vil vi inkludere variablen, for dette skal vi kun placere pund tegn # og imellem nøgler variabelens navn, for eksempel:
 "Hej! #{hilsen}!"
For at afslutte trykker vi Gå ind igen, og vi får vores Hej! Verden! resultat som vi ser på følgende billede:

Når vi er færdige med vores første program, vil vi helt sikkert gerne fejre lidt, og for dette vil vi ikke lade skallen være aktiv, så hvis vi vil afslutte det, skal vi kun trykke på tasterne CTRL + D og dermed vender vi tilbage til vores operativsystemkonsol.
Da at skrive alt i konsollen ikke rigtig er noget, vi ofte vil bruge i vores applikationer, skal vi lære at kompilere vores filer; med kompilering mener vi den oversættelse, der er lavet af koden CoffeeScript til JavaScript på denne måde kan resultatet udføres på alle platforme, der understøtter sidstnævnte.
Det eneste, vi har brug for ud over det, vi allerede har, er en god tekstredigerer, en af ​​de mest populære er Sublim tekstDet gode ved dette er, at der er tusindvis af udvidelser, som vi kan opnå yderligere funktioner for at gøre vores arbejde lettere. For nu kan vi bruge den editor, vi ønsker, i eksemplerne vil vi se, hvordan den bruges Sublim tekst.
FiludvidelseAlle vores filer skal ende med .kaffe med dette vil vi vide, at disse svarer til CoffeeScript, vi skal lave et lille eksempel, der viser os en advarsel med en besked, så vil vi kompilere det og se resultatet.
Vi opretter en fil kaldet eksempel1. kaffe og inden for det vil vi placere følgende indhold:
 advarsel "Velkommen !!"
For at kompilere vores fil skal vi bare køre følgende kommandolinje:
 kaffe -c eksempel1. kaffe
Denne handling genererer en fil .js hedder eksempel1.js, hvordan vi kan visualisere i følgende billede:

FORSTØRRE

Som vil have følgende indhold:
 alarm ("Velkommen !!");

Nu undrer vi os helt sikkert over, hvad der er nytten til at kompilere filerne .kaffe, svaret er, så vi kan bruge vores kode på en side uden problemer, vi gør dette fordi filen .kaffe Det vil ikke være i stand til at fortolke af browseren, derfor det kompilerede resultat, som er filen .js er den der får vores side til at fungere.
For at se ovenstående forklaret i den samme mappe eller mappe, hvor vi kompilerer vores eksempel1. kaffe vi skal oprette en ny fil, dette vil være en fil HTML normalt kalder vi det eksempel2.html og inden for det vil vi lave et link til eksempel2.js, lad os se den nødvendige kode:
 Vores applikation med CoffeeScript 
Når det udføres i vores browser, skal dette se sådan ud:

Nu skal vi oprette en fil kaldet eksempel2. kaffe og vi vil placere følgende kode:
 language = {ourlanguage: {name: "Coffee"}} ourElement = document.getElementById ("sprog") ourElement.innerHTML = language.ourlanguage.name
Vi kompilerer og opdaterer vores HTML fra forrige trin:

Som vi bemærkede, er det sidste ord i titlen ændret, hvis vi nu ændrer filen igen eksempel2. kaffe og vi placerer CoffeScript, så ændringerne afspejles uden at skulle kompilere, skal du bare køre følgende kommando:
 kaffe -c.
Med dette er det, vi gør, at opdatere .js der har krævet ændringer baseret på filerne.kaffe ændret, lad os se:

Og endelig når vi opdaterer vores fil HTML Vi vil se, hvordan ændringerne i vores kode afspejles:

Denne proces med at kompilere hver gang vi ændrer noget, er lidt tung, især hvis vi skal ændre et stort antal filer i forskellige mapper, derfor kan vi få kompilatoren til at "observere", og hver gang den ser eller registrerer en ændring i en fil genkompileres straks for at holde vores ansøgning opdateret.
For at opnå dette skal vi simpelthen placere kommandoen:
 kaffe -w -c.
Med dette kompilerer vi hele biblioteket, og vi fortæller kompilatoren, at når der er en ændring i en fil for at kompilere den igen. Lad os se i det følgende billede, hvordan bygge log når der foretages ændringer af filer, sker alt dette automatisk:

Ved at mestre disse grundlæggende dele og få dem til at fungere, får vi meget vigtig viden, der hjælper os med at vokse som udviklere. Det vigtige er at håndtere kompileringskoncepterne godt og se den resulterende fil, med dette vil vi gradvist lære fordelene ved JavaScript som et moderne udviklingssprog.
Med dette har vi afsluttet denne vejledning, som vi ser at arbejde med CoffeeScript Det er noget ganske simpelt i begyndelsen, selvfølgelig har det som alle programmeringssprog en indlæringskurve, men det er ikke så højt og komplekst som andre sprog.

Du vil bidrage til udviklingen af ​​hjemmesiden, at dele siden med dine venner

wave wave wave wave wave