<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

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

Подписавшись по 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.

Ответить

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