Вивчаємо 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, jquery і ajax з нуля до гуру"
- Як створити асоціативний масив в jаvascript
- Вивчаємо coffeescript. Цикли.
- Вивчаємо coffeescript. Умови.
- Вивчаємо coffeescript. Оператори.
- Nodejs. Движок v8.
- Вивчаємо coffeescript. Класи.
- Скролінг тексту на кнопці
- jаvascript
- Аналог str_replace () в jаvascript
- Кнопка з анімованим текстом
- Вивчаємо coffeescript. Функції.
- Подія прокрутки коліщатка миші в jаvascript
- Перевірка включений чи jаvascript
- Ротатор тексту на jаvascript
- Скрипт галереї + слайд-шоу на jаvascript
- jаvascript hello world
- Валідність jаvascript
- Тестування з jаvascript
- Вивчаємо coffeescript. Типи даних.
- Миготлива кнопка jаvascript