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
knude -vDette 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:
npm installer -g kaffe -scriptVi 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 -vHerefter skulle vi have et resultat, der ligner følgende billede:
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.
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:
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. kaffeDenne handling genererer en fil .js hedder eksempel1.js, hvordan vi kan visualisere i følgende billede:
FORSTØRRE
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 CoffeeScriptNår det udføres i vores browser, skal dette se sådan ud:
language = {ourlanguage: {name: "Coffee"}} ourElement = document.getElementById ("sprog") ourElement.innerHTML = language.ourlanguage.nameVi kompilerer og opdaterer vores HTML fra forrige trin:
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:
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:
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.