<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

А в практической части с полного нуля будет создано мощное и быстрое динамическое приложение, где Вы на практике познакомитесь, как создавать очень гибкую и расширяемую архитектуру, для разработке функционала любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Изучаем CoffeeScript. Введение.

Изучаем CoffeeScript. Введение.

Всем привет! Сегодня мы поговорим, что такое coffeescript, а также, как и где его использовать.

Coffeescript - это язык программирования, позволяющий добиться более высокого уровня абстракции, чем язык программирования javascript. Грубо говоря, можно сказать, что coffeescript - это препроцессор для языка javascript. Так же, как и препроцессоры языка css позволяют писать код короче, быстрее и красивее, так и coffeescript позволяет ускорить процесс разработки на языке javascript.

Из всего вышесказанного можно сделать вывод, что это язык, позволяющий облегчить разработку на javascript, но никак не заменить его, следовательно, прежде чем изучать coffeescript, вы должны хорошо(а лучше отлично) знать язык программирования javascript.

Любой код, написанный на coffeescript, компилируется в javascript, а это значит, что вы можете писать на этом языке, где угодно: браузер, nodejs и т.д.

Как узнать, что вы хорошо изучили coffeescript? Если, глядя на код, написанный на coffeescript, вы без проблем представляете, в какой javascript код впоследствии это все скомпилируется, то вы отлично знаете язык coffeescript.

Итак, давайте начинать. Для изучения этого языка мы будем использовать консольную версию, написанную под NodeJS. Для этого перейдите на сайт nodejs.org, скачайте и установите NodeJS. Установка элементарная, поэтому не будем на этом останавливаться. После установки откройте терминал и введите следующее:

node -v

Если вы увидите версию NodeJS, то все установлено правильно.

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

sudo npm install -g coffee-script

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

Для того, чтобы выйти из этой интерактивной среды, нужно нажать ctrl+c или ctrl+d под Linux.

Теперь займемся автоматизацией компиляции. Создадим папку и файл.

mkdir coffee
cd coffee
touch main.coffee

Откроем папку с файлом и напишем в нем какой-нибудь простой код

console.log "Hello, coffeescript!";

Теперь введем в терминал следующее:

coffee -o ./ main.coffee

Вы увидите, что в папке coffee появился новый файл main.js, в котором содержится скомпилированный javascript код. Однако вы можете заметить, что каждый раз компилировать файл вручную довольно утомительно, а что, если файлов будет много? Давайте это дело автоматизируем.

К счастью, делается это все довольно просто. Введите в терминале следующее:

coffee -w -o ./ *.coffee

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

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

Итак, это все, что я хотел рассказать в этой статье. Начиная со следующей, мы уже начнем изучать сам язык coffeescript.

Спасибо за внимание!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (1):

Stroy Stroy 24.06.2015 16:05:12

Здравствуйте. При попытке компиляции(даже при вставке скопированного с сайта кода), консоль ругается на слеш. Пробовал и прямой и обратный. В чем может быть проблема? p.s. Проблема решена. Не нужно было предварительно входить в среду coffee.

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.