Kom igång med CoffeeScript

Många utvecklare tidigare när de fick höra om JavaScript de led mer än nödvändigt, detta eftersom det inte hade varit möjligt att hitta de verkliga fördelarna med detta språk som körs i webbläsaren.
Efter många år av osäkerhet sammanfattas biblioteken som tillhandahåller funktioner som jQuery eller Mootools, fick förtroendet för språket att återfå, men det var inte förrän utseendet på projekt som t.ex. Node.js att det inte riktigt beaktades. Det enda problemet med JavaScript är att dess syntax är föråldrad med vad utvecklare letar efter nu, till exempel ser vi hur Rubin eller Pytonorm de är mycket framgångsrika på grund av den renhet som deras shower visas med.
CoffeeScriptSom i teknikens värld är ingenting omöjligt, och det finns alltid ett team som vill förändra världen, det uppstår CoffeeScript, ett språk som är baserat på JavaScript och det hjälper oss att få en renare syntax, efter att vi har skrivit våra program sammanställs de och omvandlas till JavaScript Ren och därmed bibehållen kompatibilitet med plattformarna där den körs.
Att kunna njuta CoffeeScript Först måste vi uppfylla vissa krav, på så sätt kan vi ha tillgång till dess kompilator, men inte bara det, vi måste också ha en grundläggande uppfattning om de första kommandona för att kunna börja köra våra program.
Det första vi kommer att behöva är Node.js med det här verktyget kommer vi att ha en pakethanterare som heter npm som vi kan installera hela miljön med CoffeScript på ett mycket enkelt sätt. Det bästa sättet att installera Node.js Det är genom sina officiella installatörer på nodejs.org, som vi ser i följande bild har vi versioner för nästan alla plattformar vi vill ha:

FÖRSTORA

När det gäller denna handledning kommer vi att arbeta med versionen för Windows. När vi har installerat Node.js vi kan testa att installationen lyckades genom att utföra följande kommando:

 nod -v

Detta bör ge oss en skärm med den version som vi har i vårt system. Om detta inte händer måste vi validera vår installation eftersom den inte är korrekt, låt oss se hur körningen av den ser ut:

Nu när vi har Node.js nu är det dags att installera CoffeeScript, tidigare var vi tvungna att installera npm separat, men i de senaste versionerna är det redan inkluderat, så för att uppfylla vårt mål behöver vi bara placera följande kommando:

 npm installera -g kaffeskript

Vi ser att vi placerar en -g, detta indikerar att installationen är global, för att kunna ha CoffeeScript i hela vårt system, när kommandot körs tar det några sekunder medan det laddar ner allt som behövs.
Slutligen kan vi utföra följande i vår kommandokonsol för att verifiera att installationen utfördes korrekt och utan problem:

 kaffe -v

Efter detta bör vi ha ett resultat som liknar följande bild:

Med detta har vi framgångsrikt avslutat språkinstallationen CoffeeScript, men inte bara detta, det har vi också Node.js som kommer att tjäna oss för andra verktyg och utvecklingsmiljöer i framtiden.
ViktigÄven om processen utförs i Windows Det är i princip samma för alla plattformar, kanske det som förändras mest är sättet att installera Node.js, men användningen av npm för installation CoffeeScript är samma.
Eftersom vi framgångsrikt har installerat våra krav, nu ska vi skapa vårt första program, för detta måste vi starta skal eller interaktiv konsol CoffeeScript, för detta helt enkelt i vår konsol eller terminal i operativsystemet där vi gjorde installationen ska vi placera ordet kaffe och vi kommer in i det nämnda skalet.

Väl där ska vi placera följande kod som inte är mer än a Hej världen att komma igång med denna nya teknik. Vi börjar med att deklarera en variabel, för detta kommer vi att placera dess namn, ett jämlikhetstecken och sedan dess innehåll, i exemplet är det följande:

 hälsning = "Världen"

Vi trycker på Stiga på, nu ska vi skapa en textsträng, inom detta kommer vi att inkludera variabeln, för detta behöver vi bara placera pundtecken # och mellan nycklar variabelns namn, till exempel:

 "Hallå! #{hälsning}!"

För att avsluta trycker vi på Stiga på igen så får vi vårt Hallå där! Värld! resultat som vi ser i följande bild:

När vi har avslutat vårt första program kommer vi säkert att fira lite, och för detta vill vi inte lämna skalet aktivt, så om vi vill lämna det behöver vi bara trycka på knapparna CTRL + D och med det kommer vi tillbaka till vår operativsystemkonsol.
Eftersom att skriva allt i konsolen egentligen inte är något som vi kommer att använda i våra applikationer ofta, måste vi lära oss att sammanställa våra filer; med kompilering menar vi översättningen som görs av koden CoffeeScript till JavaScript på detta sätt kan resultatet köras på alla plattformar som stöder den senare.
Det enda vi behöver utöver det vi redan har är en bra textredigerare, en av de mest populära är Sublim textDet som är bra med detta är att det finns tusentals tillägg som vi kan uppnå ytterligare funktioner för att göra vårt arbete enklare. För tillfället kan vi använda den redigerare vi vill ha, i exemplen kommer vi att se hur den används Sublim text.
FiltilläggAlla våra filer måste sluta med .kaffe med detta kommer vi att veta att dessa motsvarar CoffeeScript, vi ska skapa ett litet exempel som visar oss en varning med ett meddelande, sedan kommer vi att sammanställa det och se resultatet.
Vi kommer att skapa en fil som heter exempel1. kaffe och inom det kommer vi att placera följande innehåll:

 varning "Välkommen !!"

För att kompilera vår fil måste vi bara köra följande kommandorad:

 kaffe -c exempel1. kaffe

Denna åtgärd genererar en fil .js kallad exempel1.js, hur vi kan visualisera i följande bild:

FÖRSTORA

Som kommer att ha följande innehåll:

 alert ("Välkommen !!");

Nu undrar vi säkert vad som är nyttan med att sammanställa filerna .kaffe, svaret är så att vi kan använda vår kod på en sida utan problem, vi gör detta eftersom filen .kaffe Det kommer inte att kunna tolkas av webbläsaren, därför det sammanställda resultatet som är filen .js är den som får vår sida att fungera.
För att se ovanstående förklaras i samma katalog eller mapp där vi kompilerar vår exempel1. kaffe vi ska skapa en ny fil, det här blir en fil HTML normalt kallar vi det exempel2.html och inom det kommer vi att göra en länk till exempel2.js, låt oss se den nödvändiga koden:

 Vår applikation med CoffeeScript 

När det körs i vår webbläsare bör det se ut så här:

Nu ska vi skapa en fil som heter exempel2. kaffe och vi kommer att placera följande kod:

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

Vi sammanställer och uppdaterar vår HTML från föregående steg:

Som vi märkte har det sista ordet i titeln ändrats, nu om vi ändrar filen igen exempel2. kaffe och vi placerar CoffeScript, så att ändringarna återspeglas utan att du behöver kompilera, behöver du bara köra följande kommando:

 kaffe -c.

Med detta är det vi gör att uppdatera .js som har krävt ändringar baserat på filerna.kaffe modifierad, låt oss se:

Och slutligen när vi uppdaterar vår fil HTML Vi kommer att se hur ändringarna i vår kod återspeglas:

Den här processen att kompilera varje gång vi ändrar något är lite tungt, särskilt om vi måste ändra ett stort antal filer i olika mappar, det är därför vi kan få kompilatorn att "observera" och varje gång den ser eller upptäcker en förändring till en fil omkompileras omedelbart för att hålla vår ansökan uppdaterad.
För att uppnå detta måste vi helt enkelt placera kommandot:

 kaffe -w -c.

Med detta sammanställer vi hela katalogen och vi säger till kompilatorn att när det blir en ändring i en fil för att kompilera den igen. Låt oss se i följande bild hur bygg logg När du gör ändringar i filer sker allt detta automatiskt:

Genom att behärska dessa grundläggande delar och få dem att fungera kommer vi att få mycket viktig kunskap som hjälper oss att växa som utvecklare. Det viktiga är att hantera sammanställningsbegreppen väl och se den resulterande filen, med detta kommer vi gradvis att lära oss fördelarna med JavaScript som ett modernt utvecklingsspråk.
Med detta har vi avslutat denna handledning, som vi ser att arbeta med CoffeeScript Det är något ganska enkelt i början, naturligtvis som alla programmeringsspråk har det en inlärningskurva, men det är inte lika högt och komplext som andra språk.