Kom i gang med CoffeeScript

Mange utviklere tidligere da de ble fortalt om JavaScript de led mer enn nødvendig, dette fordi det ikke hadde vært mulig å finne de virkelige fordelene med dette språket som kjøres i nettleseren.
Etter mange års usikkerhet, ble bibliotekene som tilbyr funksjoner oppsummert som jQuery eller Mootools, fikk tilliten til at språk gjenvinner, men det var ikke før utseendet på prosjekter som f.eks Node.js at det egentlig ikke ble tatt hensyn til. Det eneste problemet med JavaScript er at syntaksen er utdatert med det utviklere leter etter nå, for eksempel ser vi hvordan Rubin eller Python de er veldig vellykkede på grunn av rensligheten som showene deres vises med.
CoffeeScriptSom i teknologiens verden er ingenting umulig, og det er alltid et team som ønsker å forandre verden, oppstår det CoffeeScript, et språk som er basert på JavaScript og det hjelper oss med å få en renere syntaks, etter at vi har skrevet programmene våre blir de kompilert og transformert til JavaScript Ren og dermed opprettholde kompatibilitet med plattformene der den kjører.
For å kunne nyte CoffeeScript Først må vi oppfylle noen krav, på denne måten kan vi ha tilgang til kompilatoren, men ikke bare det, vi må også ha en grunnleggende oppfatning av de første kommandoene for å kunne begynne å utføre programmene våre.
Det første vi kommer til å trenge er Node.js med dette verktøyet vil vi ha tilgjengelig en pakkeleder som heter npm som vi kan installere hele miljøet med CoffeScript på en veldig enkel måte. Den beste måten å installere Node.js Det er gjennom sine offisielle installatører på nodejs.org, som vi ser på bildet nedenfor har vi versjoner for nesten alle plattformene vi ønsker:

FORSTØRRE

Når det gjelder denne opplæringen, skal vi jobbe med versjonen for Windows. Når vi har installert Node.js vi kan teste at installasjonen var vellykket ved å utføre følgende kommando:

 node -v

Dette bør gi oss en skjerm med versjonen vi har i systemet vårt. Hvis dette ikke skjer må vi validere installasjonen vår siden den ikke er korrekt, la oss se hvordan utførelsen av den ser ut:

Nå som vi har Node.js nå er det på tide å installere CoffeeScript, tidligere måtte vi installere npm bortsett fra, men i de nyeste versjonene er den allerede inkludert, så for å oppfylle målet vårt trenger vi bare å plassere følgende kommando:

 npm installere -g kaffe -script

Vi ser at vi plasserer en -g, indikerer dette at installasjonen er global, for å kunne ha CoffeeScript i hele systemet vårt, når det utføres kommandoen vil det ta noen sekunder mens det laster ned alt som er nødvendig.
Til slutt kan vi utføre følgende i kommandokonsollen for å bekrefte at installasjonen ble utført riktig og uten problemer:

 kaffe -v

Etter dette bør vi ha et resultat som ligner på følgende bilde:

Med dette har vi fullført språkinstallasjonen CoffeeScript, men ikke bare dette, det har vi også Node.js som vil tjene oss for andre verktøy og utviklingsmiljøer i fremtiden.
ViktigSelv om prosessen utføres i Windows Det er i utgangspunktet det samme for alle plattformer, kanskje det som endres mest er måten å installere på Node.js, men bruken av npm for installasjon CoffeeScript er lik.
Siden vi har installert våre krav, nå skal vi lage vårt første program, for dette må vi starte skall eller interaktiv konsoll CoffeeScript, for dette ganske enkelt i konsollen eller terminalen i operativsystemet der vi gjorde installasjonen, skal vi plassere ordet kaffe og vi kommer inn i det nevnte skallet.

Når vi er der, skal vi plassere følgende kode som ikke er mer enn a Hei Verden for å komme i gang med denne nye teknologien. Vi starter med å deklarere en variabel, for dette plasserer vi navnet, et likhetstegn og deretter innholdet, i eksempelet vil det være som følger:

 hilsen = "Verden"

Vi presser Tast inn, nå skal vi lage en tekststreng, innenfor denne skal vi inkludere variabelen, for dette trenger vi bare å plassere pund tegn # og mellom nøkler navnet på variabelen, for eksempel:

 "Hallo! #{hilsen}!"

For å fullføre trykker vi Tast inn igjen, og vi får vår Hei der! Verden! resultatet som vi ser på følgende bilde:

Når vi er ferdige med vårt første program vil vi sikkert feire litt, og for dette ønsker vi ikke å la skallet være aktivt, så hvis vi vil avslutte det, trenger vi bare å trykke på tastene CTRL + D og med det vil vi gå tilbake til operativsystemkonsollen.
Siden det å skrive alt i konsollen egentlig ikke er noe vi vil bruke i programmene våre ofte, må vi lære å kompilere filene våre; med kompilering mener vi oversettelsen som er laget av koden CoffeeScript til JavaScript på denne måten kan resultatet utføres på alle plattformer som støtter sistnevnte.
Det eneste vi trenger i tillegg til det vi allerede har, er en god tekstredigerer, en av de mest populære er Sublim tekstDet gode med dette er at det er tusenvis av utvidelser som vi kan oppnå flere funksjoner for å gjøre arbeidet lettere. Foreløpig kan vi bruke redaktøren vi ønsker, i eksemplene vil vi se hvordan den brukes Sublim tekst.
FilutvidelseAlle filene våre må ende med .kaffe med dette vil vi vite at disse tilsvarer CoffeeScript, skal vi lage et lite eksempel som viser oss et varsel med en melding, så vil vi kompilere det og se resultatet.
Vi lager en fil som heter eksempel1. kaffe og i det skal vi plassere følgende innhold:

 varsel "Velkommen !!"

For å kompilere filen vår må vi bare kjøre følgende kommandolinje:

 kaffe -c eksempel1. kaffe

Denne handlingen vil generere en fil .js kalt eksempel1.js, hvordan vi kan visualisere i følgende bilde:

FORSTØRRE

Som vil ha følgende innhold:

 alert ("Velkommen !!");

Nå lurer vi sikkert på hva som er nytten av å kompilere filene .kaffe, svaret er slik at vi kan bruke koden vår på en side uten problemer, vi gjør dette fordi filen .kaffe Det vil ikke kunne tolkes av nettleseren, derfor det kompilerte resultatet som er filen .js er den som får siden vår til å fungere.
For å se ovenstående forklart i den samme katalogen eller mappen der vi kompilerer vår eksempel1. kaffe vi skal lage en ny fil, dette vil være en fil HTML normalt vil vi kalle det eksempel2.html og innenfor det skal vi lage en lenke til eksempel2.js, la oss se den nødvendige koden:

 Vår applikasjon med CoffeeScript 

Når den kjøres i nettleseren vår, bør dette se slik ut:

Nå skal vi lage en fil som heter eksempel2. kaffe og vi vil plassere følgende kode:

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

Vi kompilerer og oppdaterer vår HTML fra forrige trinn:

Som vi la merke til er det siste ordet i tittelen endret, nå hvis vi endrer filen igjen eksempel2. kaffe og vi plasserer CoffeScript, slik at endringene gjenspeiles uten at du trenger å kompilere, må du bare kjøre følgende kommando:

 kaffe -c.

Med dette er det vi gjør å oppdatere .js som har nødvendig endringer basert på filene.kaffe endret, la oss se:

Og til slutt når du oppdaterer filen vår HTML Vi vil se hvordan endringene i koden vår gjenspeiles:

Denne prosessen med å kompilere hver gang vi endrer noe er litt tung, spesielt hvis vi må endre et stort antall filer i forskjellige mapper, det er derfor vi kan få kompilatoren til å "observere" og hver gang den ser eller oppdager en endring i en fil omkompileres umiddelbart for å holde applikasjonen vår oppdatert.
For å oppnå dette må vi ganske enkelt plassere kommandoen:

 kaffe -w -c.

Med dette kompilerer vi hele katalogen, og vi forteller kompilatoren at når det er en endring i en fil for å kompilere den igjen. La oss se på bildet nedenfor hvordan bygge logg Når du gjør endringer i filer, skjer alt dette automatisk:

Ved å mestre disse grunnleggende delene og få dem til å fungere vil vi få veldig viktig kunnskap som vil hjelpe oss å vokse som utviklere. Det viktige er å håndtere kompileringskonseptene godt og se den resulterende filen, med dette vil vi gradvis lære fordelene med JavaScript som et moderne utviklingsspråk.
Med dette har vi fullført denne opplæringen, slik vi ser å jobbe med CoffeeScript Det er noe ganske enkelt i begynnelsen, selvfølgelig som alle programmeringsspråk det har en læringskurve, men det er ikke så høyt og komplekst som andre språk.