K
king
Гость
Кто еще не в курсе за CoffeeScript - это груба говоря javascript только упрощенный,хотя это не совсем так но не столь важно сейчас,есть всякие возможности особенно связанные с ООП.Хотя я щас перешел на TypeScript.Потом опишу первые мои впечатления от TypeScript.
Теперь опять вернемся CoffeeScript.Здесь можно почитать документацию,плюс есть еще туториал где можно потрениться с реализацией кода.Вот ссылка
Теперь перейдем к установки CoffeeScript.Эта необходимо чтобы CoffeeScript мог компилировать код на JavaScript.
Первый этап скачать и установить node.js вот ссылка.Примечание если будит справшивать, все настройки ставить по умолчанию.
Второй этап зайти пуск все программы найти там node.js и запустить node command и вставить вот такую строку
Установка завершена.
Идем в свой проект создаем папку script
В каталоге script создаем папку js
В каталоге script создаем папку coffee
В каталоге script создаем файлик с таким название coffee-watcher.cmd и помещяем туда такую строчку
Итог две папки один файлик отвечающий за генерацию наших файликов.
Приступаем к написанию любого скрипта
Запускаем наш созданный файлик coffee-watcher.cmd если все сделали правильно должна появиться консолька.Далее
Заходим в папку js создаем файлик с расширением coffee (Для клиентской разработки я бы посоветовал использовать JetBrains WebStorm) с любым название у меня в данном случаи будит test
И делаем реализацию скрипта в данном случаи у меня будит простенький скрипт.Если вы знаете JavaScript то вам будит легко освоиться особенно с синтаксисом.
Мой скрипт будит выводит всплывающие окошко по событию клик,давайте его реализуем.
И сразу наш скрипт должен с генерироваться в папке js и будит находит в таком в виде
Собственно и все.Скрипты мы подключаем на страницу сайта из папки js.
Можно заметить что реализация на CoffeeScript довольно простая а все остальное за нас сделает генератор.
Вопрос: для чего нам две папки можно же сделать все в одной?
Ответ:Нет в одной папке нельзя,потому что в папке js будит храниться файлики которые будит генерировать CoffeeScript а в папке coffee будит храниться файлики которые написаны на CoffeeScript.
Задаем вопросы.
Теперь опять вернемся CoffeeScript.Здесь можно почитать документацию,плюс есть еще туториал где можно потрениться с реализацией кода.Вот ссылка
Теперь перейдем к установки CoffeeScript.Эта необходимо чтобы CoffeeScript мог компилировать код на JavaScript.
Первый этап скачать и установить node.js вот ссылка.Примечание если будит справшивать, все настройки ставить по умолчанию.
Второй этап зайти пуск все программы найти там node.js и запустить node command и вставить вот такую строку
Код:
npm install -g coffee-script
Идем в свой проект создаем папку script
В каталоге script создаем папку js
В каталоге script создаем папку coffee
В каталоге script создаем файлик с таким название coffee-watcher.cmd и помещяем туда такую строчку
Код:
coffee -o js -cw coffee
Приступаем к написанию любого скрипта
Запускаем наш созданный файлик coffee-watcher.cmd если все сделали правильно должна появиться консолька.Далее
Заходим в папку js создаем файлик с расширением coffee (Для клиентской разработки я бы посоветовал использовать JetBrains WebStorm) с любым название у меня в данном случаи будит test
И делаем реализацию скрипта в данном случаи у меня будит простенький скрипт.Если вы знаете JavaScript то вам будит легко освоиться особенно с синтаксисом.
Мой скрипт будит выводит всплывающие окошко по событию клик,давайте его реализуем.
HTML:
$(document).ready ->
$('#test').click ->
alert "Наш первый скрипт"
return
return
HTML:
// Generated by CoffeeScript 1.3.3
(function() {
$(document).ready(function() {
$('#SetLogin').click(function() {
alert("Наш первый скрипт");
});
});
}).call(this);
Собственно и все.Скрипты мы подключаем на страницу сайта из папки js.
Можно заметить что реализация на CoffeeScript довольно простая а все остальное за нас сделает генератор.
Вопрос: для чего нам две папки можно же сделать все в одной?
Ответ:Нет в одной папке нельзя,потому что в папке js будит храниться файлики которые будит генерировать CoffeeScript а в папке coffee будит храниться файлики которые написаны на CoffeeScript.
Задаем вопросы.