Започнете с CoffeeScript

Много разработчици в миналото, когато им беше казано JavaScript те страдаха повече от необходимото, защото не беше възможно да се открият истинските предимства на този език, който работи в браузъра.
След много години на несигурност библиотеките, които предоставят функционалности, обобщават като jQuery или Mootools, накара доверието в езика да се възвърне, но чак при появата на проекти като напр Node.js че наистина не е взето предвид. Единственият проблем с JavaScript е, че синтаксисът му е остарял с това, което разработчиците търсят сега, например виждаме как Руби или Python те са много успешни поради чистотата, с която се показват техните предавания.
CoffeeScriptТъй като в света на технологиите нищо не е невъзможно и винаги има екип, който иска да промени света, той възниква CoffeeScript, език, който се основава на JavaScript и това ни помага да имаме по -чист синтаксис, след като напишем нашите програми, те се компилират и трансформират JavaScript По този начин поддържате съвместимост с платформите, на които работи.
За да можете да се насладите CoffeeScript Първо трябва да изпълним някои изисквания, по този начин можем да имаме достъп до неговия компилатор, но не само това, ние също трябва да имаме основна представа за първоначалните команди, за да можем да започнем да изпълняваме нашите програми.
Първото нещо, от което ще се нуждаем, е Node.js с този инструмент ще имаме на разположение мениджър на пакети, наречен npm с които можем да инсталираме цялата среда CoffeScript по много прост начин. Най -добрият начин за инсталиране Node.js Това е чрез официалните му инсталатори на nodejs.org, както виждаме на следващото изображение, имаме версии за почти всички платформи, които искаме:

Увеличете

В случая на този урок ще работим с версията за Windows. След като сме инсталирали Node.js можем да проверим дали инсталацията е успешна, като изпълним следната команда:

 възел -v

Това трябва да ни върне екран с версията, която имаме в нашата система, ако това не се случи, трябва да потвърдим инсталацията си, тъй като тя не е правилна, нека видим как изглежда изпълнението й:

Сега, когато имаме Node.js сега е време за инсталиране CoffeeScript, в миналото трябваше да инсталираме npm отделно, обаче в най -новите версии той вече е включен, така че за да изпълним целта си, трябва само да поставим следната команда:

 npm install -g coffee -script

Виждаме, че поставяме а -g, това показва, че инсталацията е глобални, за да може да има CoffeeScript в цялата ни система, при изпълнение на командата ще отнеме няколко секунди, докато изтегли всичко необходимо.
Накрая можем да изпълним следното в нашата командна конзола, за да проверим дали инсталацията е извършена правилно и без проблеми:

 кафе -v

След това трябва да имаме резултат, подобен на следното изображение:

С това успешно завършихме езиковата инсталация CoffeeScript, но не само това, ние също имаме Node.js които ще ни служат за други инструменти и среда за разработка в бъдеще.
ВажноВъпреки че процесът се провежда в Windows По принцип е еднакъв за всички платформи, може би това, което се променя най -много, е начинът на инсталиране Node.js, но използването на npm за инсталиране CoffeeScript е същото.
Тъй като успешно сме инсталирали нашите изисквания, сега ще създадем първата си програма, за това трябва да стартираме черупка или интерактивна конзола CoffeeScript, за това просто в нашата конзола или терминал на операционната система, където сме извършили инсталацията, ще поставим думата кафе и ще влезем в споменатата черупка.

Веднъж там ще поставим следния код, който не е нищо повече от a Здравей свят за да започнете с тази нова технология. Започваме с обявяването на променлива, за това ще поставим нейното име, знак за равенство и след това нейното съдържание, в случая с примера би било както следва:

 поздрав = "Свят"

Ние натискаме Въведете, сега ще създадем текстов низ, в това ще включим променливата, за това трябва само да поставим паундов знак # и между ключове името на променливата, например:

 "Здравейте! #{поздрав}!"

За да завършим, натискаме Въведете отново и ние ще си получим Здрасти! Свят! резултат, както виждаме на следното изображение:

След като завършим първата си програма, със сигурност ще искаме да отпразнуваме малко и за това не искаме да оставим черупката активна, така че ако искаме да я излезем, трябва само да натиснем клавишите CTRL + D и с това ще се върнем към нашата конзола на операционната система.
Тъй като писането на всичко в конзолата всъщност не е нещо, което ще използваме често в нашите приложения, трябва да се научим да компилираме нашите файлове; под компилиране имаме предвид превода, който е направен от кода CoffeeScript да се JavaScript по този начин резултатът може да бъде изпълнен на всички платформи, които поддържат последната.
Единственото нещо, от което се нуждаем в допълнение към това, което вече имаме, е добър текстов редактор, един от най -популярните е Възвишен текстХубавото в това е, че има хиляди разширения, с които можем да постигнем допълнителни функционалности, за да улесним работата си. Засега можем да използваме редактора, който искаме, в примерите ще видим как се използва Възвишен текст.
Разширение на файлВсички наши файлове трябва да завършват на .кафе с това ще знаем, че те съответстват на CoffeeScript, ще създадем малък пример, който ни показва предупреждение със съобщение, след което ще го компилираме и ще видим резултата.
Ще създадем файл, наречен пример 1. кафе и в него ще поставим следното съдържание:

 предупреждение "Добре дошли !!"

За да компилираме нашия файл, просто трябва да изпълним следния команден ред:

 кафе -c пример 1. кафе

Това действие ще генерира файл .js Наречен example1.js, как можем да визуализираме на следното изображение:

Увеличете

Който ще има следното съдържание:

 alert ("Добре дошли !!");

Сега със сигурност се чудим каква е ползата от компилирането на файловете .кафе, отговорът е, че можем да използваме нашия код на страница без никакъв проблем, ние правим това, защото файлът .кафе Той няма да може да бъде интерпретиран от браузъра, следователно компилираният резултат, който е файлът .js е тази, която ще накара страницата ни да работи.
За да видите горното, обяснено в същата директория или папка, където компилираме нашата пример 1. кафе ще създадем нов файл, това ще бъде файл HTML нормално ще го наречем example2.html и в него ще направим връзка към example2.js, нека видим необходимия код:

 Нашето приложение с CoffeeScript 

Когато се изпълнява в нашия браузър, това трябва да изглежда така:

Сега ще създадем файл, наречен пример 2. кафе и ще поставим следния код:

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

Събираме и опресняваме нашата HTML от предишната стъпка:

Както забелязахме, последната дума на заглавието се е променила, ако променим файла отново пример 2. кафе и поставяме CoffeScript, така че промените да се отразяват без да е необходимо компилиране, просто трябва да изпълните следната команда:

 кафе -в

С това онова, което правим, е да опресняваме .js които са наложили промени въз основа на файловете.кафе модифициран, нека видим:

И накрая, когато актуализираме нашия файл HTML Ще видим как се отразяват направените промени в нашия код:

Този процес на компилиране всеки път, когато променяме нещо, е малко тежък, особено ако трябва да променим голям брой файлове в различни папки, затова можем да накараме компилатора да "наблюдава" и всеки път, когато вижда или открива промяна в файл незабавно прекомпилирайте, за да поддържате нашето приложение актуално.
За да постигнем това, просто трябва да поставим командата:

 кафе -w -c

С това компилираме цялата директория и казваме на компилатора, че когато има промяна във файл, да го компилира отново. Нека видим на следващото изображение как дневник за изграждане когато правите промени във файловете, всичко това се случва автоматично:

Като овладеем тези основни части и ги накараме да работят, ще придобием много важни знания, които ще ни помогнат да се развием като разработчици. Важното е да боравите добре с концепциите за компилация и да видите получения файл, с това постепенно ще научим предимствата на JavaScript като модерен език за развитие.
С това завършихме този урок, както виждаме да работим CoffeeScript Това е нещо съвсем просто в началото си, разбира се като всички езици за програмиране има крива на обучение, но не е толкова високо и сложно като другите езици.