Pradėkite nuo „CoffeeScript“

Daugelis kūrėjų praeityje, kai apie juos buvo pasakyta „JavaScript“ jie kentėjo daugiau nei būtina, nes nebuvo įmanoma rasti tikrosios šios kalbos, kuri veikia naršyklėje, pranašumų.
Po daugelio metų netikrumo, funkcijas teikiančios bibliotekos apibendrintos kaip „jQuery“ arba Mootools, atgavo pasitikėjimą kalba, tačiau tai buvo tik tada, kai pasirodė projektai, tokie kaip Node.js kad į tai tikrai nebuvo atsižvelgta. Vienintelė problema su „JavaScript“ yra tai, kad jos sintaksė pasenusi pagal tai, ko kūrėjai dabar ieško, pavyzdžiui, matome, kaip Rubinas arba Python jie yra labai sėkmingi dėl švaros, su kuria rodomi jų pasirodymai.
CoffeeScriptKaip ir technologijų pasaulyje, nieko nėra neįmanomo, ir visada atsiranda komanda, kuri nori pakeisti pasaulį CoffeeScript, kalba, kuri yra pagrįsta „JavaScript“ ir tai padeda mums turėti švaresnę sintaksę, kai mes parašome savo programas, jos yra sudaromos ir paverčiamos „JavaScript“ Grynas, taip išlaikant suderinamumą su platformomis, kuriose jis veikia.
Kad galėtum džiaugtis CoffeeScript Pirmiausia turime atitikti kai kuriuos reikalavimus, tokiu būdu galime turėti prieigą prie jo kompiliatoriaus, bet ne tik, kad taip pat turime turėti pagrindinę pradinių komandų sąvoką, kad galėtume pradėti vykdyti savo programas.
Pirmas dalykas, kurio mums prireiks Node.js su šiuo įrankiu turėsime paketų tvarkyklę, vadinamą npm su kuria galime įdiegti visą aplinką „CoffeScript“ labai paprastu būdu. Geriausias būdas įdiegti Node.js Tai yra per oficialius montuotojus adresu nodejs.org, kaip matome šiame paveikslėlyje, turime beveik visų norimų platformų versijas:

DIDELIS

Šios pamokos atveju mes ketiname dirbti su versija „Windows“. Kai jau įdiegėme Node.js mes galime patikrinti, ar diegimas buvo sėkmingas, vykdydami šią komandą:

 mazgas -v

Tai turėtų grąžinti ekraną su versija, kurią turime savo sistemoje; jei taip neatsitiks, turime patvirtinti savo diegimą, nes jis neteisingas, pažiūrėkime, kaip atrodo jo vykdymas:

Dabar, kai turime Node.js dabar atėjo laikas įdiegti CoffeeScript, anksčiau turėjome įdiegti npm be to, tačiau naujausiose versijose jis jau yra įtrauktas, todėl norėdami pasiekti savo tikslą turime pateikti tik šią komandą:

 npm įdiegti -g kavos scenarijų

Matome, kad dedame a -g, tai rodo, kad diegimas yra pasaulinis, kad galėtum turėti CoffeeScript visoje mūsų sistemoje vykdant komandą užtruks kelias sekundes, kol ji atsisiųs viską, ko reikia.
Galiausiai savo komandų pulte galime atlikti šiuos veiksmus, kad patikrintume, ar diegimas buvo atliktas teisingai ir be problemų:

 kava -v

Po to turėtume gauti rezultatą, panašų į šį paveikslėlį:

Tai sėkmingai užbaigėme kalbos diegimą CoffeeScript, bet ne tik tai, bet ir turime Node.js ateityje mums pasitarnaus kitos priemonės ir kūrimo aplinka.
SvarbuNors procesas vykdomas m „Windows“ Iš esmės tai vienoda visoms platformoms, galbūt labiausiai keičiasi diegimo būdas Node.js, bet naudojimas npm diegimui CoffeeScript yra tas pats.
Kadangi sėkmingai įdiegėme savo reikalavimus, dabar ketiname sukurti pirmąją programą, todėl turime pradėti apvalkalas arba interaktyvią konsolę CoffeeScript, tai tiesiog mūsų konsolėje ar operacinės sistemos terminale, kuriame atlikome diegimą, įdėsime žodį kavos ir pateksime į minėtą kiautą.

Kai ten pateiksime šį kodą, kuris yra ne kas kita, kaip a Labas pasauli Norėdami pradėti naudotis šia nauja technologija. Pradedame nuo kintamojo deklaravimo, tam įdėsime jo pavadinimą, lygybės ženklą, o po to jo turinį, pavyzdžio atveju jis būtų toks:

 sveikinimas = "Pasaulis"

Mes stumiame Įveskite, dabar mes sukursime teksto eilutę, į kurią mes įtrauksime kintamąjį, nes mes turime tik įdėti svaro ženklas # ir tarp raktai kintamojo pavadinimas, pvz .:

 "Sveiki! #{sveikinimas}! "

Baigdami spaudžiame Įveskite vėl ir gausime savo Sveiki! Pasaulis! rezultatas, kaip matome šiame paveikslėlyje:

Baigę pirmąją programą, mes tikrai norėsime šiek tiek švęsti, todėl nenorime palikti apvalkalo aktyvaus, taigi, jei norime iš jo išeiti, turime tik paspausti klavišus CTRL + D ir su tuo grįšime į savo operacinės sistemos konsolę.
Kadangi viską rašyti konsolėje tikrai ne tai, ką dažnai naudosime savo programose, turime išmokti rinkti failus; kompiliavimu turime omenyje kodo vertimą CoffeeScript į „JavaScript“ tokiu būdu rezultatas gali būti įvykdytas visose pastarąsias palaikančiose platformose.
Vienintelis dalykas, kurio mums reikia be to, ką jau turime, yra geras teksto redaktorius, vienas iš populiariausių Aukščiausias tekstasGeras dalykas yra tai, kad yra tūkstančiai plėtinių, su kuriais galime pasiekti papildomų funkcijų, palengvinančių mūsų darbą. Kol kas galime naudoti norimą redaktorių, pavyzdžiuose pamatysime, kaip jis naudojamas Aukščiausias tekstas.
Failo plėtinysVisi mūsų failai turi baigtis .kava tai žinosime, kad jie atitinka CoffeeScript, mes sukursime nedidelį pavyzdį, kuris parodys mums įspėjimą su žinute, tada mes jį sudarysime ir pamatysime rezultatą.
Mes sukursime failą pavadinimu pavyzdys1.kava ir į jį įdėsime tokį turinį:

 įspėjimas "Sveiki atvykę !!"

Norėdami surinkti failą, turime paleisti šią komandinę eilutę:

 kava -c pavyzdys1.kava

Šis veiksmas sukurs failą .js paskambino example1.js, kaip galime įsivaizduoti šį vaizdą:

DIDELIS

Kurio turinys bus toks:

 įspėjimas („Sveiki atvykę !!“);

Dabar mums tikrai įdomu, kokia yra failų kompiliavimo nauda .kava, atsakymas yra toks, kad galime be jokių problemų naudoti savo kodą puslapyje, tai darome todėl, kad failas .kava Naršyklė jo negalės interpretuoti, todėl surinktas rezultatas yra failas .js yra tas, kuris privers mūsų puslapį veikti.
Norėdami peržiūrėti aukščiau aprašytą informaciją tame pačiame kataloge ar aplanke, kuriame mes sudarome savo pavyzdys1.kava mes sukursime naują failą, tai bus failas HTML normaliai mes tai vadinsime example2.html ir joje padarysime nuorodą į example2.js, pažiūrėkime reikiamą kodą:

 Mūsų programa su „CoffeeScript“ 

Kai tai atliekama mūsų naršyklėje, tai turėtų atrodyti taip:

Dabar mes sukursime failą pavadinimu pavyzdys2.kava ir mes įdėsime šį kodą:

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

Mes kaupiame ir atnaujiname savo HTML iš ankstesnio žingsnio:

Kaip pastebėjome, paskutinis pavadinimo žodis pasikeitė, dabar, jei dar kartą pakeisime failą pavyzdys2.kava ir dedame „CoffeScript“, kad pakeitimai atsispindėtų nereikalaujant kompiliavimo, tiesiog turite paleisti šią komandą:

 kava -c.

Tai atlikdami atnaujiname .js kurie reikalavo pakeitimų, pagrįstų failais.kavos pakeista, pažiūrėkime:

Ir galiausiai, kai atnaujiname mūsų failą HTML Pamatysime, kaip atsispindi mūsų kodo pakeitimai:

Šis kompiliavimo procesas kiekvieną kartą, kai ką nors keičiame, yra šiek tiek sunkus, ypač jei turime pakeisti daugybę failų skirtinguose aplankuose, todėl galime priversti kompiliatorių „stebėti“ ir kiekvieną kartą, kai jis mato ar aptinka pakeitimą failą nedelsiant perkompiliuoti, kad mūsų programa būtų atnaujinta.
Norėdami tai pasiekti, mes tiesiog turime pateikti komandą:

 kava -w -c.

Tokiu būdu mes sukomplektuojame visą katalogą ir sakome kompiliatoriui, kad kai failas pasikeičia, reikia jį dar kartą sudaryti. Toliau esančiame paveikslėlyje pažiūrėkime, kaip statyti žurnalą keičiant failus, visa tai vyksta automatiškai:

Įvaldę šias pagrindines dalis ir priversdami jas veikti, įgysime labai svarbių žinių, kurios padės mums augti kaip kūrėjams. Svarbu gerai tvarkyti kompiliavimo sąvokas ir pamatyti gautą failą, todėl palaipsniui išmoksime naudos „JavaScript“ kaip šiuolaikinės raidos kalba.
Tai baigėme, kaip matome dirbdami CoffeeScript Iš pradžių tai yra gana paprasta, žinoma, kaip ir visos programavimo kalbos, ji turi mokymosi kreivę, tačiau ji nėra tokia aukšta ir sudėtinga kaip kitos kalbos.