Započnite s CoffeeScript

Mnogi su programeri u prošlosti govorili o njima JavaScript patili su više nego što je bilo potrebno, jer nije bilo moguće pronaći prave prednosti ovog jezika koji se nalazi u pregledniku.
Nakon mnogo godina neizvjesnosti, knjižnice koje pružaju funkcionalnosti sažele su kao jQuery ili Mootools, vratilo se povjerenje u jezik, ali tek je pojavom projekata kao što su Node.js da se doista nije uzelo u obzir. Jedini problem s JavaScript je da je njegova sintaksa zastarjela s onim što programeri sada traže, na primjer vidimo kako Rubin ili Piton vrlo su uspješni zbog čistoće s kojom se prikazuju njihove emisije.
CoffeeScriptKako u svijetu tehnologije ništa nije nemoguće, a uvijek postoji tim koji želi promijeniti svijet, to nastaje CoffeeScript, jezik na kojem se temelji JavaScript i to nam pomaže da imamo čistiju sintaksu, nakon što napišemo naše programe oni se sastavljaju i pretvaraju u njih JavaScript Čisto održavajući kompatibilnost s platformama na kojima se izvodi.
Da biste mogli uživati CoffeeScript Prvo moramo ispuniti neke zahtjeve, na ovaj način možemo imati pristup njegovom prevoditelju, ali ne samo to, moramo imati i osnovni pojam početnih naredbi da bismo mogli započeti izvršavanje naših programa.
Prva stvar koja će nam trebati je Node.js s ovim alatom imat ćemo na raspolaganju upravitelja paketa koji se zove npm s kojima možemo instalirati cijelo okruženje CoffeScript na vrlo jednostavan način. Najbolji način instaliranja Node.js Preko službenih instalacijskih programa na nodejs.org, kao što vidimo na sljedećoj slici, imamo verzije za gotovo sve platforme koje želimo:

POVEĆAJTE

U slučaju ovog vodiča radit ćemo s verzijom za Windows. Nakon što smo instalirali Node.js možemo provjeriti je li instalacija bila uspješna izvršavanjem sljedeće naredbe:

 čvor -v

Ovo bi nam trebalo vratiti zaslon s verzijom koju imamo u našem sustavu, ako se to ne dogodi, moramo potvrditi našu instalaciju jer nije ispravna, da vidimo kako izgleda njezino izvršenje:

Sad kad imamo Node.js sada je vrijeme za instalaciju CoffeeScript, u prošlosti smo morali instalirati npm osim toga, međutim, u najnovijim verzijama već je uključeno, pa za ispunjenje našeg cilja moramo postaviti samo sljedeću naredbu:

 npm install -g coffee -script

Vidimo da postavljamo a -g, to znači da je instalacija globalno, kako bi mogli imati CoffeeScript u cijelom našem sustavu, prilikom izvršavanja naredbe trebat će nekoliko sekundi dok ne preuzme sve potrebno.
Konačno, možemo izvršiti sljedeće na našoj naredbenoj konzoli kako bismo provjerili je li instalacija izvedena ispravno i bez problema:

 kava -v

Nakon ovoga trebali bismo imati rezultat sličan sljedećoj slici:

Time smo uspješno zaključili instalaciju jezika CoffeeScript, ali ne samo ovo, imamo i Node.js koji će nam poslužiti za druge alate i razvojna okruženja u budućnosti.
VažnoIako se proces provodi u Windows U osnovi je isti za sve platforme, možda se najviše mijenja način instalacije Node.js, ali korištenje npm za instalaciju CoffeeScript je isti.
Budući da smo uspješno instalirali naše zahtjeve, sada ćemo stvoriti naš prvi program, za to moramo pokrenuti ljuska ili interaktivnu konzolu CoffeeScript, za to jednostavno na našoj konzoli ili terminalu operacijskog sustava gdje smo izvršili instalaciju stavit ćemo riječ kava te ćemo ući u spomenutu ljusku.

Tamo ćemo postaviti sljedeći kôd koji nije ništa drugo do a Pozdrav svijete kako biste započeli s ovom novom tehnologijom. Počinjemo proglašavanjem varijable, za to ćemo postaviti njeno ime, znak jednakosti, a zatim njezin sadržaj, u slučaju primjera to bi bilo ovako:

 pozdrav = "Svijet"

Guramo Unesi, sada ćemo stvoriti tekstualni niz, unutar ovoga ćemo uključiti varijablu, za to moramo samo postaviti znak funte # i između ključeve naziv varijable, na primjer:

 "Zdravo! #{pozdrav}!"

Za završetak pritisnemo Unesi opet i dobit ćemo svoje Bok tamo! Svijet! rezultat kao što vidimo na sljedećoj slici:

Nakon što završimo naš prvi program, zasigurno ćemo htjeti malo proslaviti, a za to ne želimo ostaviti ljusku aktivnom, pa ako želimo izaći iz nje, moramo samo pritisnuti tipke CTRL + D i s tim ćemo se vratiti na konzolu našeg operacijskog sustava.
Budući da pisanje svega u konzolu zapravo nije nešto što ćemo često koristiti u našim aplikacijama, moramo naučiti sastavljati svoje datoteke; pod sastavljanjem mislimo na prijevod koji je napravljen iz koda CoffeeScript do JavaScript na ovaj način rezultat se može izvesti na svim platformama koje podržavaju potonje.
Jedino što nam treba osim onoga što već imamo je dobar uređivač teksta, jedan od najpopularnijih je Uzvišen tekstDobra stvar u tome je što postoje tisuće proširenja pomoću kojih možemo postići dodatne funkcionalnosti kako bismo si olakšali rad. Za sada možemo koristiti uređivač koji želimo, u primjerima ćemo vidjeti kako se koristi Uzvišen tekst.
Proširenje datotekeSve naše datoteke moraju završiti s .kava s tim ćemo znati da oni odgovaraju CoffeeScript, stvorit ćemo mali primjer koji nam prikazuje upozorenje s porukom, a zatim ćemo ga sastaviti i vidjeti rezultat.
Napravit ćemo datoteku pod nazivom primjer1.kava a unutar njega smjestit ćemo sljedeće sadržaje:

 upozorenje "Dobro došli !!"

Za sastavljanje naše datoteke samo moramo pokrenuti sljedeću naredbenu liniju:

 kava -c primjer1.kava

Ova radnja će generirati datoteku .js zvao example1.js, kako to možemo zamisliti na sljedećoj slici:

POVEĆAJTE

Koji će imati sljedeći sadržaj:

 alert ("Dobro došli !!");

Sada se zasigurno pitamo koja je korisnost sastavljanja datoteka .kava, odgovor je da možemo koristiti naš kôd na stranici bez ikakvih problema, to radimo zbog datoteke .kava Preglednik ga neće moći interpretirati, stoga je sastavljeni rezultat datoteka .js je taj koji će učiniti da naša stranica radi.
Za pregled gore objašnjenog u istom direktoriju ili mapi gdje sastavljamo naš primjer1.kava stvorit ćemo novu datoteku, ovo će biti datoteka HTML normalno ćemo to zvati primjer2.html a unutar njega ćemo napraviti vezu do example2.js, pogledajmo potreban kod:

 Naša aplikacija s CoffeeScript 

Kada se izvrši u našem pregledniku, to bi trebalo izgledati ovako:

Sada ćemo stvoriti datoteku pod nazivom primjer2.kava a mi ćemo postaviti sljedeći kod:

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

Sastavljamo i osvježavamo naše HTML iz prethodnog koraka:

Kao što smo primijetili, posljednja riječ naslova se promijenila, ako sada izmijenimo datoteku primjer2.kava i postavljamo CoffeScript, tako da se promjene odražavaju bez potrebe za kompajliranjem, samo morate pokrenuti sljedeću naredbu:

 kava -c.

Time osvježavamo .js koje su zahtijevale promjene na temelju datoteka.kava izmijenjeno, da vidimo:

I na kraju pri ažuriranju naše datoteke HTML Vidjet ćemo kako se odražavaju promjene u našem kodu:

Ovaj proces sastavljanja svaki put kad nešto promijenimo pomalo je težak, pogotovo ako moramo promijeniti veliki broj datoteka u različitim mapama, zato možemo kompajler natjerati da "promatra" i svaki put kad vidi ili otkrije promjenu u datoteku odmah ponovno sastaviti kako bi naša aplikacija bila ažurna.
Da bismo to postigli, jednostavno moramo postaviti naredbu:

 kava -w -c.

Ovime sastavljamo cijeli direktorij i kažemo prevoditelju da kad dođe do promjene u datoteci da je ponovno kompajlira. Pogledajmo na sljedećoj slici kako dnevnik izgradnje pri promjenama datoteka sve se to događa automatski:

Svladavanjem ovih osnovnih dijelova i njihovim djelovanjem steći ćemo vrlo važno znanje koje će nam pomoći da rastemo kao programeri. Važno je dobro rukovati konceptima kompilacije i vidjeti rezultirajuću datoteku, čime ćemo postupno naučiti prednosti JavaScript kao suvremeni razvojni jezik.
Ovim smo završili ovaj vodič, kao što vidimo s njim CoffeeScript To je nešto sasvim jednostavno u svojim počecima, naravno kao i svi programski jezici ima krivulju učenja, međutim nije toliko visoko i složeno kao drugi jezici.