Începeți cu CoffeeScript

Mulți dezvoltatori din trecut, când li s-a spus despre asta JavaScript au suferit mai mult decât era necesar, asta pentru că nu a fost posibil să se găsească adevăratele beneficii ale acestui limbaj care rulează în browser.
După mulți ani de incertitudine, bibliotecile care oferă funcționalități s-au rezumat ca jQuery sau Mootools, a făcut recâștigarea încrederii în limbaj, dar abia la apariția unor proiecte precum Node.js că nu a fost cu adevărat luat în calcul. Singura problemă cu JavaScript este că sintaxa sa este învechită cu ceea ce caută dezvoltatorii acum, de exemplu vedem cum Rubin sau Piton au mare succes datorită curățeniei cu care sunt afișate spectacolele lor.
CoffeeScriptCa și în lumea tehnologiei, nimic nu este imposibil și există întotdeauna o echipă care dorește să schimbe lumea, aceasta apare CoffeeScript, un limbaj pe care se bazează JavaScript și asta ne ajută să avem o sintaxă mai curată, după ce ne scriem programele, acestea sunt compilate și transformate JavaScript Pur, menținând astfel compatibilitatea cu platformele pe care rulează.
Să te poți bucura CoffeeScript Mai întâi trebuie să îndeplinim unele cerințe, astfel putem avea acces la compilatorul său, dar nu numai asta, trebuie să avem și o noțiune de bază a comenzilor inițiale pentru a putea începe să ne executăm programele.
Primul lucru de care vom avea nevoie este Node.js cu acest instrument vom avea disponibil un manager de pachete numit npm cu care putem instala întregul mediu CoffeScript într-un mod foarte simplu. Cel mai bun mod de instalare Node.js Prin intermediul instalatorilor săi oficiali de la nodejs.org, așa cum vedem în imaginea următoare, avem versiuni pentru aproape toate platformele pe care le dorim:

MARI

În cazul acestui tutorial vom lucra cu versiunea pentru Windows. Odată ce am instalat Node.js putem testa dacă instalarea a avut succes executând următoarea comandă:

 nod -v

Acest lucru ar trebui să ne returneze un ecran cu versiunea pe care o avem în sistemul nostru, dacă acest lucru nu se întâmplă, trebuie să ne validăm instalarea, deoarece nu este corectă, să vedem cum arată execuția acesteia:

Acum că avem Node.js acum este timpul să instalați CoffeeScript, în trecut a trebuit să instalăm npm în afară de aceasta, totuși în cele mai recente versiuni este deja inclus, așa că pentru a ne îndeplini obiectivul nu trebuie decât să plasăm următoarea comandă:

 npm instala -g cafea-script

Vedem că plasăm un -g, aceasta indică faptul că instalarea este global, pentru a putea avea CoffeeScript în întregul sistem, când executăm comanda, va dura câteva secunde în timp ce descarcă tot ce este necesar.
În cele din urmă, putem executa următoarele în consola noastră de comandă pentru a verifica dacă instalarea a fost efectuată corect și fără probleme:

 cafea -v

După aceasta, ar trebui să avem un rezultat similar cu următoarea imagine:

Cu aceasta am încheiat cu succes instalarea limbajului CoffeeScript, dar nu numai asta, avem și noi Node.js care ne va servi pentru alte instrumente și medii de dezvoltare în viitor.
ImportantDeși procesul se desfășoară în Windows Practic este același pentru toate platformele, poate că ceea ce se schimbă cel mai mult este modul de instalare Node.js, dar utilizarea npm pentru instalare CoffeeScript este la fel.
Deoarece am instalat cu succes cerințele noastre, acum vom crea primul nostru program, pentru aceasta trebuie să începem coajă sau consolă interactivă CoffeeScript, pentru aceasta pur și simplu în consola sau terminalul sistemului de operare unde am făcut instalarea, vom plasa cuvântul cafea și vom intra în cochilia menționată.

Odată ajuns acolo vom plasa următorul cod care nu este altceva decât un Salut Lume pentru a începe în această nouă tehnologie. Începem prin declararea unei variabile, pentru aceasta îi vom plasa numele, un semn de egalitate și apoi conținutul său, în cazul exemplului ar fi după cum urmează:

 salut = "Lumea"

Împingem introduce, acum vom crea un șir de text, în cadrul acesta vom include variabila, pentru aceasta trebuie doar să plasăm semnul lirei # și între chei numele variabilei, de exemplu:

 "Buna ziua! #{Salut}!"

Pentru a termina apăsăm introduce din nou și vom primi Bună! Lume! rezultat așa cum vedem în următoarea imagine:

Odată ce am terminat primul nostru program, cu siguranță vom dori să sărbătorim un pic și, pentru aceasta, nu vrem să lăsăm shell-ul activ, așa că, dacă vrem să ieșim din el, trebuie doar să apăsăm tastele CTRL + D și cu aceasta ne vom întoarce la consola sistemului nostru de operare.
Deoarece scrierea tuturor în consolă nu este cu adevărat ceva pe care îl vom folosi frecvent în aplicațiile noastre, trebuie să învățăm să ne compilăm fișierele; prin compilare ne referim la traducerea care este făcută din cod CoffeeScript la JavaScript în acest fel rezultatul poate fi executat pe toate platformele care îl susțin pe acestea din urmă.
Singurul lucru de care avem nevoie în plus față de ceea ce avem deja este un editor de text bun, unul dintre cele mai populare este Text sublimLucrul bun în acest sens este că există mii de extensii cu care putem realiza funcționalități suplimentare pentru a ne ușura munca. Deocamdată putem folosi editorul pe care îl dorim, în exemple vom vedea cum este folosit Text sublim.
Extensie de fișierToate fișierele noastre trebuie să se termine cu .cafea cu aceasta vom ști că acestea corespund CoffeeScript, vom crea un mic exemplu care ne arată o alertă cu un mesaj, apoi îl vom compila și vom vedea rezultatul.
Vom crea un fișier numit exemplu1.cafea și în cadrul acestuia vom plasa următorul conținut:

 alert "Bun venit !!"

Pentru a compila fișierul nostru, trebuie doar să rulăm următoarea linie de comandă:

 cafea -c exemplu1.cafe

Această acțiune va genera un fișier .js numit example1.js, cum putem vizualiza în următoarea imagine:

MARI

Care va avea următorul conținut:

 alert („Bun venit !!”);

Acum cu siguranță ne întrebăm care este utilitatea compilării fișierelor .cafea, răspunsul este astfel încât să putem folosi codul nostru într-o pagină fără nicio problemă, facem acest lucru deoarece fișierul .cafea Nu va putea fi interpretat de browser, deci rezultatul compilat care este fișierul .js este cea care va face ca pagina noastră să funcționeze.
Pentru a vizualiza cele de mai sus explicate în același director sau folder în care compilăm exemplu1.cafea vom crea un fișier nou, acesta va fi un fișier HTML normal o vom numi exemplu2.html iar în cadrul acestuia vom face o legătură către exemplu2.js, să vedem codul necesar:

 Aplicația noastră cu CoffeeScript 

Când este executat în browserul nostru, ar trebui să arate astfel:

Acum vom crea un fișier numit exemplu2.cafea și vom plasa următorul cod:

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

Compilăm și reîmprospătăm HTML din pasul anterior:

După cum am observat, cuvântul final al titlului s-a schimbat, acum dacă modificăm din nou fișierul exemplu2.cafea și plasăm CoffeScript, astfel încât modificările să fie reflectate fără a fi necesară compilarea, trebuie doar să executați următoarea comandă:

 cafea -c.

Cu aceasta, ceea ce facem este să reîmprospătăm .js care au necesitat modificări pe baza fișierelor.cafea modificat, să vedem:

Și, în cele din urmă, la actualizarea fișierului nostru HTML Vom vedea cum se reflectă modificările făcute în codul nostru:

Acest proces de compilare de fiecare dată când schimbăm ceva este puțin greu, mai ales dacă trebuie să schimbăm un număr mare de fișiere din diferite foldere, de aceea putem face compilatorul să „observe” și de fiecare dată când vede sau detectează o schimbare în un fișier recompilați imediat pentru a menține aplicația actualizată.
Pentru a realiza acest lucru, trebuie pur și simplu să plasăm comanda:

 cafea -w -c.

Cu aceasta, compilăm întregul director și îi spunem compilatorului că atunci când există o modificare într-un fișier pentru al compila din nou. Să vedem în imaginea următoare cum construi jurnal când faceți modificări la fișiere, toate acestea se întâmplă automat:

Stăpânind aceste părți de bază și făcându-le să funcționeze, vom dobândi cunoștințe foarte importante care ne vor ajuta să creștem ca dezvoltatori. Important este să gestionăm bine conceptele de compilare și să vedem fișierul rezultat, cu aceasta vom învăța treptat beneficiile JavaScript ca limbaj de dezvoltare modernă.
Cu aceasta am terminat acest tutorial, așa cum vedem că lucrăm cu CoffeeScript Este ceva destul de simplu la începuturi, desigur, ca toate limbajele de programare, are o curbă de învățare, totuși nu este la fel de mare și complex ca alte limbaje.