Sāciet darbu ar CoffeeScript

Daudzi izstrādātāji agrāk, kad par viņiem tika stāstīts JavaScript viņi cieta vairāk nekā nepieciešams, tāpēc, ka nebija iespējams atrast šīs valodas patiesās priekšrocības, kas darbojas pārlūkprogrammā.
Pēc daudzu gadu nenoteiktības bibliotēkas, kas nodrošina funkcionalitāti, tika apkopotas kā jQuery vai Mootools, radīja pārliecību par valodas atgūšanu, bet tas bija tikai līdz tādu projektu parādīšanās kā Node.js ka tas īsti netika ņemts vērā. Vienīgā problēma ar JavaScript ir tā, ka tās sintakse ir novecojusi ar to, ko izstrādātāji šobrīd meklē, piemēram, mēs redzam, kā Rubīns vai Python viņi ir ļoti veiksmīgi tīrības dēļ, ar kādu tiek demonstrētas viņu izrādes.
CoffeeScriptTāpat kā tehnoloģiju pasaulē nekas nav neiespējams, un vienmēr ir komanda, kas vēlas mainīt pasauli, tā rodas CoffeeScript, valoda, kuras pamatā ir JavaScript un tas palīdz mums iegūt tīrāku sintaksi, pēc tam, kad esam uzrakstījuši savas programmas, tās tiek apkopotas un pārveidotas JavaScript Tīri tādējādi saglabājot saderību ar platformām, kur tā darbojas.
Lai varētu izbaudīt CoffeeScript Vispirms mums ir jāatbilst dažām prasībām, šādā veidā mums var būt piekļuve tā kompilatoram, bet ne tikai, mums ir jābūt arī priekšstatam par sākotnējām komandām, lai varētu sākt izpildīt mūsu programmas.
Pirmā lieta, kas mums būs nepieciešama, ir Node.js ar šo rīku mums būs pieejams pakotņu pārvaldnieks ar nosaukumu npm ar kuru mēs varam instalēt visu vidi CoffeScript ļoti vienkāršā veidā. Labākais instalēšanas veids Node.js Tas ir caur tā oficiālajiem uzstādītājiem vietnē nodejs.org, kā redzam nākamajā attēlā, mums ir versijas gandrīz visām platformām, kuras mēs vēlamies:

PALIELINĀT

Šīs apmācības gadījumā mēs strādāsim ar versiju Windows. Kad esam instalējuši Node.js mēs varam pārbaudīt, vai instalēšana bija veiksmīga, izpildot šādu komandu:

 mezgls -v

Tam vajadzētu atgriezt ekrānu ar mūsu sistēmā esošo versiju; ja tas nenotiek, mums ir jāapstiprina mūsu instalācija, jo tā nav pareiza, redzēsim, kā tā izskatās:

Tagad, kad mums ir Node.js tagad ir pienācis laiks instalēt CoffeeScript, agrāk mums bija jāinstalē npm neatkarīgi no tā, tomēr jaunākajās versijās tas jau ir iekļauts, tāpēc, lai sasniegtu mūsu mērķi, mums ir jāievada tikai šāda komanda:

 npm instalēt -g kafijas skriptu

Mēs redzam, ka mēs ievietojam a -g, tas norāda, ka instalācija ir globāls, lai varētu būt CoffeeScript visā mūsu sistēmā, izpildot komandu, būs nepieciešamas dažas sekundes, kamēr tā lejupielādēs visu nepieciešamo.
Visbeidzot, mūsu komandu konsolē varam izpildīt sekojošo, lai pārbaudītu, vai instalēšana tika veikta pareizi un bez problēmām:

 kafija -v

Pēc tam mums vajadzētu iegūt rezultātu, kas līdzīgs šim attēlam:

Ar to mēs esam veiksmīgi pabeiguši valodas instalēšanu CoffeeScript, bet ne tikai šis, mums arī ir Node.js kas mums kalpos citiem instrumentiem un attīstības videi nākotnē.
SvarīgsLai gan process tiek veikts gadā Windows Tas būtībā ir vienāds visām platformām, iespējams, visvairāk mainās instalēšanas veids Node.js, bet izmantošana npm instalēšanai CoffeeScript ir tāds pats.
Tā kā mēs esam veiksmīgi instalējuši savas prasības, tagad mēs izveidosim savu pirmo programmu, tāpēc mums ir jāsāk apvalks vai interaktīvā konsole CoffeeScript, to vienkārši mūsu operētājsistēmas konsolē vai terminālī, kur mēs veicām instalēšanu, mēs ievietojam vārdu kafija un mēs ieiesim minētajā apvalkā.

Kad esam tur, mēs ievietosim šādu kodu, kas ir nekas vairāk kā a Sveika pasaule lai sāktu šo jauno tehnoloģiju. Mēs sākam ar mainīgā deklarēšanu, šim nolūkam mēs ievietojam tā nosaukumu, vienlīdzības zīmi un pēc tam tā saturu, piemēra gadījumā tas būtu šāds:

 apsveikums = "Pasaule"

Mēs spiežam Ievadiet, tagad mēs izveidosim teksta virkni, tajā mēs iekļausim mainīgo, jo mums tikai jāievieto mārciņas zīme # un starp atslēgas mainīgā nosaukums, piemēram:

 "Sveiki! #{sveiciens}! "

Lai pabeigtu, mēs nospiežam Ievadiet atkal, un mēs saņemsim savu Sveiki! Pasaule! rezultāts, kā mēs redzam šajā attēlā:

Kad būsim pabeiguši savu pirmo programmu, mēs noteikti vēlēsimies mazliet svinēt, un tāpēc mēs nevēlamies atstāt apvalku aktīvu, tāpēc, ja mēs vēlamies iziet no tā, mums ir tikai jānospiež taustiņi CTRL + D un līdz ar to mēs atgriezīsimies mūsu operētājsistēmas konsolē.
Tā kā visu rakstīšana konsolē nav īsti tas, ko mēs bieži izmantosim savās lietojumprogrammās, mums jāiemācās apkopot savus failus; ar apkopošanu mēs domājam koda tulkojumu CoffeeScript uz JavaScript šādā veidā rezultātu var izpildīt visās platformās, kas atbalsta pēdējo.
Vienīgais, kas mums vajadzīgs papildus jau esošajam, ir labs teksta redaktors, viens no populārākajiem Cildens tekstsLabā lieta ir tā, ka ir tūkstošiem paplašinājumu, ar kuriem mēs varam sasniegt papildu funkcijas, lai atvieglotu mūsu darbu. Pagaidām mēs varam izmantot vēlamo redaktoru, piemēros redzēsim, kā tas tiek izmantots Cildens teksts.
Faila paplašinājumsVisiem mūsu failiem ir jābeidzas ar .kafija ar to mēs zināsim, ka tie atbilst CoffeeScript, mēs izveidosim nelielu piemēru, kas parāda brīdinājumu ar ziņojumu, tad mēs to apkoposim un redzēsim rezultātu.
Mēs izveidosim failu ar nosaukumu piemērs1.kafija un tajā mēs ievietosim šādu saturu:

 brīdinājums "Laipni lūdzam !!"

Lai apkopotu mūsu failu, mums vienkārši jāpalaiž šāda komandrinda:

 kafija -c piemērs1.kafija

Šī darbība ģenerēs failu .js sauca example1.js, kā mēs varam vizualizēt šādu attēlu:

PALIELINĀT

Kam būs šāds saturs:

 brīdinājums ("Laipni lūdzam !!");

Tagad mēs noteikti domājam, kāda ir failu apkopošanas lietderība .kafija, atbilde ir tāda, lai mēs varētu bez problēmām izmantot savu kodu lapā, mēs to darām, jo ​​fails .kafija Pārlūkprogramma to nevarēs interpretēt, tāpēc apkopotais rezultāts ir fails .js ir tas, kas liks mūsu lapai darboties.
Lai apskatītu iepriekš minēto, tajā pašā direktorijā vai mapē, kurā mēs apkopojam savu piemērs1.kafija mēs izveidosim jaunu failu, tas būs fails HTML normāli mēs to sauksim example2.html un tajā mēs izveidosim saiti uz example2.js, redzēsim nepieciešamo kodu:

 Mūsu lietojumprogramma ar CoffeeScript 

Izpildot to mūsu pārlūkprogrammā, tam vajadzētu izskatīties šādi:

Tagad mēs izveidosim failu ar nosaukumu piemērs2.kafija un mēs ievietojam šādu kodu:

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

Mēs apkopojam un atsvaidzinām savu HTML no iepriekšējā soļa:

Kā mēs pamanījām, virsraksta pēdējais vārds ir mainījies, tagad, ja mēs vēlreiz mainām failu piemērs2.kafija un mēs ievietojam CoffeScript, lai izmaiņas tiktu atspoguļotas bez nepieciešamības apkopot, jums vienkārši jāizpilda šāda komanda:

 kafija -c.

Tādējādi mēs atsvaidzinām .js kurām ir nepieciešamas izmaiņas, pamatojoties uz failiem.kafija modificēts, redzēsim:

Un visbeidzot, atjauninot mūsu failu HTML Mēs redzēsim, kā tiek atspoguļotas mūsu kodā veiktās izmaiņas:

Šis apkopošanas process katru reizi, kad kaut ko mainām, ir nedaudz smags, it īpaši, ja mums ir jāmaina liels skaits failu dažādās mapēs, tāpēc mēs varam likt kompilatoram "novērot" un katru reizi, kad tas redz vai konstatē izmaiņas failu nekavējoties pārkompilēt, lai mūsu pieteikums būtu atjaunināts.
Lai to sasniegtu, mums vienkārši jāievada komanda:

 kafija -w -c.

Ar to mēs apkopojam visu direktoriju un sakām kompilatoram, ka, mainoties failam, to jāapkopo vēlreiz. Tālāk redzamajā attēlā redzēsim, kā veidot žurnālu veicot izmaiņas failos, tas viss notiek automātiski:

Apgūstot šīs pamatdaļas un liekot tām darboties, mēs iegūsim ļoti svarīgas zināšanas, kas palīdzēs mums attīstīties kā izstrādātājiem. Svarīgi ir labi rīkoties ar apkopošanas jēdzieniem un redzēt iegūto failu, tāpēc mēs pakāpeniski uzzināsim priekšrocības JavaScript kā mūsdienu attīstības valoda.
Ar to mēs esam pabeiguši šo apmācību, kā mēs redzam, strādājot CoffeeScript Tā sākumā ir kaut kas pavisam vienkāršs, protams, tāpat kā visām programmēšanas valodām, tai ir mācīšanās līkne, tomēr tā nav tik augsta un sarežģīta kā citas valodas.