Вивчаємо coffeescript. Вступ.

Вивчаємо CoffeeScript. Вступ.

Всім привіт! Сьогодні ми поговоримо, що таке coffeescript, а також, як і де його використовувати.

Coffeescript - це мова програмування, що дозволяє домогтися більш високого рівня абстракції, ніж мова програмування jаvascript. Грубо кажучи, можна сказати, що coffeescript - це препроцесор для мови jаvascript. Так само, як і препроцесори мови css дозволяють писати код коротше, швидше і красивіше, так і coffeescript дозволяє прискорити процес розробки на мові jаvascript.

З усього вищесказаного можна зробити висновок, що це мова, яка дозволяє полегшити розробку на jаvascript, але ніяк не замінити його, отже, перш ніж вивчати coffeescript, ви повинні добре (а краще відмінно) знати мову програмування jаvascript.

Будь-код, написаний на coffeescript, компілюється в jаvascript, а це значить, що ви можете писати на цій мові, де завгодно: браузер, nodejs і т.д.

Як дізнатися, що ви добре вивчили coffeescript? Якщо, дивлячись на код, написаний на coffeescript, ви без проблем уявляєте, в якій jаvascript код згодом це все скомпілюється, то ви добре знаєте мову coffeescript.

Отже, давайте починати. Для вивчення цієї мови ми будемо використовувати консольную версію, написану під NodeJS. Для цього перейдіть на сайт nodejs.org, скачайте і встановіть NodeJS. Установка елементарна, тому не будемо на цьому зупинятися. Після установки відкрийте термінал і введіть наступне:

node -v


Якщо ви побачите версію NodeJS, то все встановлено правильно.

Тепер введіть в терміналі

sudo npm install -g coffee-script

Тепер буде проведена установка coffeescript. Після установки, введіть в терміналі coffee, і у вас з`явиться інтерактивне середовище, де ви зможете писати код на coffeescript.

Відео: Вивчення бібліотек jQuery

Для того, щоб вийти з цієї інтерактивної середовища, потрібно натиснути ctrl + c або ctrl + d під Linux.




Тепер займемося автоматизацією компіляції. Створимо папку і файл.

mkdir coffee
cd coffee
touch main
.coffee

Відкриємо папку з файлом і напишемо в ньому який-небудь простий код

console.log "Hello, coffeescript!"-

Тепер введемо в термінал наступне:

coffee -o ./ main.coffee

Ви побачите, що в папці coffee з`явився новий файл main.js, в якому міститься скомпільований jаvascript код. Однак ви можете помітити, що кожен раз компілювати файл вручну досить утомливо, а що, якщо файлів буде багато? Давайте цю справу автоматизуємо.

На щастя, робиться це все досить просто. Введіть в терміналі наступне:

coffee -w -o ./*.coffee

Тепер абсолютно всі файли з розширенням .coffee будуть автоматично компілюватиметься, як тільки ви збережете файл.

Вся інформація про компіляції, в тому числі і помилки, будуть виводитися в термінал.

Отже, це все, що я хотів розповісти в цій статті. Починаючи з наступного, ми вже почнемо вивчати саму мову coffeescript.

Відео: Курс по Coffeescript. Установка компілятора. 02

Дякую за увагу!

Поділися в соціальних мережах:

Схожі
Як створити асоціативний масив в jаvascriptЯк створити асоціативний масив в jаvascript
Подія прокрутки коліщатка миші в jаvascriptПодія прокрутки коліщатка миші в jаvascript
Вивчаємо coffeescript. Типи даних.Вивчаємо coffeescript. Типи даних.
Тестування з jаvascriptТестування з jаvascript
Миготлива кнопка jаvascriptМиготлива кнопка jаvascript
Скролінг тексту на кнопціСкролінг тексту на кнопці
Вийшов відеокурс "jаvascript, jquery і ajax з нуля до гуру"Вийшов відеокурс "jаvascript, jquery і ajax з нуля до гуру"
Вивчаємо coffeescript. Цикли.Вивчаємо coffeescript. Цикли.
jаvascriptjаvascript
Скрипт галереї + слайд-шоу на jаvascriptСкрипт галереї + слайд-шоу на jаvascript
» » Вивчаємо coffeescript. Вступ.