Меню
Войти Войти
Поиск
Главная
Главная
Категории
Категории
Сообщество
Сообщество
Написать статью
Написать

Видеокурс по CoffeeScript на русском языке

Видеокурс по CoffeeScript на русском языке.jpg

Если вы уже знаете JavaScript, то вам прекрасно известны его недостатки. Что такое CoffeeScript? CoffeeScript — язык программирования, транслируемый в JavaScript. С помощью CoffeeScript вы сможете писать быстрее, код будет понятнее, а некоторые фишки этого языка могут привести вас в экстаз. Начать пользоваться CoffeeScript несложно, и, если вы хотите сделать шаг вперед, начните с этого замечательного видеокурса на русском языке от Sorax.


Часть 1. Введение в CoffeeScript

В этом введении Sorax вкратце расскажет о том, что такое CoffeeScript, откуда он появился и то, почему все таки стоит его изучать.

Немного информации с официального сайта:

Этот язык позволит вам улучшить читаемость кода и уменьшить его размер. В среднем для выполнения одинаковых действий на Кофе требуется до 2х раз меньше кода, чем на JavaScript. Автором является Jeremy Ashkenas.

Язык может компилироваться в JS на серверной стороне - для этого необходимо установить Node.js. Так же возможна компиляция на браузерной стороне - для этого необходимо подключить JS компилятор.

Попробовать язык можно вживую на основном сайте coffeescript.org, нажав на "TRY". Так же вы можете посмотреть как будет выглядеть ваш JavaScript на Кофе с помощью on-line сервиса трансляции: js2coffee.org.

Часть 2. Установка компилятора CoffeeScript

Думаю, что вы уже догадались о чем будет речь в данном видеоуроке: Sorax подробно опишет процесс установки компилятора CoffeeScript и разберет основные моменты работы и ним.

Часть 3. Типы данных языка CoffeeScript

В данном уроке будут разобраны основные отличия CoffeeScript и JavaScript при работы с различными типами данных.

Часть 4. Операторы языка CoffeeScript

Из этого урока вы узнаете, какие существуют операторы в языке CoffeeScript.

CoffeeScript JavaScript
is
===
isnt
!==
not
!
and
&&
or
||
true, yes, on
true
false, no, off
false
@, this
this
of
in
in
no JS equivalent

Часть 5. Функции в языке CoffeeScript

Вот мы начинаем подбираться к сладкому в кофе! Из этого урока вы узнаете, как описываются функции в этом языке программирования на простом примере с приветствием.

CoffeeScript JavaScript
square = (x) -> x * x 

cube   = (x) -> square(x) * x
var cube, square;

square = function(x) {
 return x * x;
};

cube = function(x) {
  return square(x) * x;
};

fill = (container, liquid = "coffee") ->
  "Filling the #{container}
  with #{liquid}..."
var fill;

fill = function(container, liquid) {
  if (liquid == null) {
    liquid = "coffee";
  }
  return "Filling the " + container + 
  " with " + liquid + "...";
};

Часть 6. Условия в языке CoffeeScript

В этом уроке вы познакомитесь с синтаксисом CoffeeScrit по написанию условий (а это отдельная песня, достойная вашего внимания).

CoffeeScript JavaScript
mood = greatlyImproved if singing

if happy and knowsIt
  clapsHands()
  chaChaCha()
else
  showIt()

date = if friday then sue else jill
var date, mood;

if (singing) {
  mood = greatlyImproved;
}

if (happy && knowsIt) {
  clapsHands();
  chaChaCha();
} else {
  showIt();
}

date = friday ? sue : jill;

Часть 7. Циклы в языке CoffeeScript

В этом уроке вы познакомитесь со всеми возможными циклами языка CoffeeScript, и, поверьте, среди них обязательно найдется и на ваш вкус!

CoffeeScript JavaScript
# Eat lunch.
eat food for food in ['toast', 'cheese', 'wine']

# Fine five course dining.
courses = ['greens', 'caviar', 'truffles', 'roast', 'cake']
menu i + 1, dish for dish, i in courses

# Health conscious meal.
foods = ['broccoli', 'spinach', 'chocolate']
eat food for food in foods when food isnt 'chocolate' 
var courses, dish, food, foods, i, _i, _j, _k, _len, _len1, _len2, _ref;

_ref = ['toast', 'cheese', 'wine'];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
  food = _ref[_i];
  eat(food);
}

courses = ['greens', 'caviar', 'truffles', 'roast', 'cake']; 

for (i = _j = 0, _len1 = courses.length; _j < _len1; i = ++_j) {
  dish = courses[i];
  menu(i + 1, dish);
}

foods = ['broccoli', 'spinach', 'chocolate']; 

for (_k = 0, _len2 = foods.length; _k < _len2; _k++) {
  food = foods[_k];
  if (food !== 'chocolate') {
    eat(food);
  }
}
countdown = (num for num in [10..1])
var countdown, num;

countdown = (function() {
  var _i, _results;
  _results = [];
  for (num = _i = 10; _i >= 1; num = --_i) {
    _results.push(num);
  }
  return _results;
})();
yearsOld = max: 10, ida: 9, tim: 11

ages = for child, age of yearsOld
  "#{child} is #{age}"
var age, ages, child, yearsOld;

yearsOld = {
  max: 10,
  ida: 9,
  tim: 11
};

ages = (function() {
  var _results;
  _results = [];
  for (child in yearsOld) {
    age = yearsOld[child];
    _results.push("" + child + " is " + age);
  }
  return _results;
})();

Часть 8. Классы в языке CoffeeScript

Вот мы и подобрались к одной из самых вкусных частей CoffeScript - классы. Если вы знакомы с JavaScript, то вы наверняка сталкивались с их "забавной" реализацией в нем. С счастью, CoffeeScript элегантно и просто решает эту проблему и теперь вы можете использовать всю мощь ОПП безо всяких оглядок!

Часть 9. Практический пример

Теория, конечно, хорошо. Но мы знаем, что теория без практики путь в никуда. Поэтому давайте закрепим полученные знания с помощью практического примера по написанию системы частиц, которая будет отрисовываться на Canvas.

Источники

  1. http://www.youtube.com/playlist?list=PLwSSV-_L9sztYcaMbY2XlehMFeR8Khs0j
  2. Официальный сайт CoffeeScript
  3. Русскоязычный сайт по CoffeeScript
  4. Репозиторий CoffeeScript на GitHub

Сводка

  • Авторы: Василий Лазаренко
  • Дата создания: 2015-01-26 22:31
  • Теги: CoffeeScript, язык программирования, JavaScript, видеокурс на русском, курс
  • Количество просмотров: 6786
  • Оценить статью:
     
     
     
     
     
  • Всего оценок:  
  • Рейтинг: 300
  • Поделиться:
    Share on Google+Добавить в закладки

0 999 288
CoffeeScript, язык программирования, JavaScript, видеокурс на русском, курс

2015-01-26 22:31


Комментарии



Яндекс.Метрика
Статистика
Яндекс.Метрика
Реклама