Статьи

Учебники и фрагменты для начала работы с CoffeeScript

Декабрь 11, 2018

JavaScript, безусловно, является важной частью веб-сайта, поскольку позволяет разработчику напрямую взаимодействовать с веб-браузером. С 2005 года множество новых методов и инструментов JavaScript, таких как Ajax и jQuery, стали чрезвычайно популярными и сделали Интернет лучше. Сегодня я представляю вам CoffeeScript, новый язык, который делает JavaScript лучше и проще.

Что такое CoffeeScript?

Для простоты CoffeeScript — это маленький язык, который компилируется в JavaScript. Если вы когда-либо программировали на таких языках, как Python или Ruby, вы, вероятно, очень любите CoffeeScript. Вместо неуклюжих скобок и точек с запятой в основе JavaScript всегда была великолепная объектная модель.

Код компилирует один-к-одному в эквивалентный JS, и во время выполнения интерпретация не выполняется. Вы можете без проблем использовать любую существующую библиотеку JavaScript из CoffeeScript (и наоборот). Скомпилированный вывод читабелен и хорошо распечатан, проходит через JavaScript Lint без предупреждений, будет работать в любой реализации JavaScript и имеет тенденцию работать так же быстро или быстрее, чем эквивалентный рукописный JavaScript.

Установка CoffeeScript

Установка CoffeeScript совсем не сложна. Первое, что нужно сделать, это убедиться, что вы уже установили рабочую копию последней стабильной версии Node.js, а также npm , Node Package Manager.

После этого вы можете установить CoffeeScript, выполнив следующую команду: 

npm install -g coffee-script

CoffeeScript теперь установлен. Следующим шагом является компиляция файла .coffee в файл .js. Для этого используйте следующий синтаксис:

coffee --compile example.coffee

CoffeeScript.org — официальный сайт языка CoffeeScript. Не стесняйтесь посетить его, он полон полезных ресурсов.

Учебник: Основы CoffeeScript


Отличный учебник, демонстрирующий все, что вам нужно для начала работы с CoffeeScript: установка, настройка и первые строки кода.
→ Посмотреть учебник

Учебник. Качание с CoffeeScript


Очень полное руководство, которое сделает вас настоящим кодировщиком CoffeeScript: оно покажет вам, как писать код, как делать отступы, как использовать классы, условные операторы и многое другое.
→ Посмотреть учебник

Учебник. Создание начального экрана в стиле iOS с CoffeeScript


Теперь давайте напишем что-то конкретное: это руководство покажет вам, как создать домашний экран в стиле iOS с использованием CoffeeScript. Отличный способ учиться на примере.
→ Посмотреть учебник

Фрагмент CoffeeScript: сокращение URL с помощью сервиса Google Goo.gl

Короткие URL очень полезны, особенно в социальных сетях, таких как Twitter. Хотите иметь возможность создавать собственные короткие URL-адреса с помощью сервиса Google goo; gl? Нет проблем, просто используйте следующий код. Обратите внимание, что для работы кода вам потребуется собственный ключ API Google.

apikey = "YOUR GOOGLE API KEY GOES HERE"

shorten_url = (url, success_callback, error_callback) ->

  xhr = Titanium.Network.createHTTPClient()
  xhr.open "POST", "https://www.googleapis.com/urlshortener/v1/url?key=" + apikey
  xhr.setRequestHeader "Content-type", "application/json"
  xhr.onload = () -> success_callback xhr.status, xhr.responseText
  xhr.onerror = () -> error_callback xhr.status, xhr.responseText
  content =  "{\"longUrl\": \"#{url}\"}"
  xhr.send content

→ Источник: http://developer.appcelerator.com/question/125880/…

Фрагмент CoffeScript: чтение в файле

CoffeeScript делает чтение файлов очень простым, как показано ниже:

fs.readFile 'data.txt', (err, data) -> fileText = data

→ Источник: http://ricardo.cc/2011/06/02/10-CoffeeScript-One-Liners-to-Impress-Your-Friends.html

Фрагмент CoffeScript: извлечение и анализ веб-службы XML

Извлечение и анализ файлов XML или .json из веб-сервисов довольно часто встречается при кодировании современных веб-приложений. Вот как вы можете сделать это, используя CoffeeScript:

request.get { uri:'path/to/api.json', json: true }, (err, r, body) -> results = body

→ Источник: http://ricardo.cc/2011/06/02/10-CoffeeScript-One-Liners-to-Impress-Your-Friends.html

Фрагмент CoffeeScript: поиск подстрок

Еще одна очень распространенная задача, облегчаемая с помощью CoffeeScript:

message = "This is a test string. This has a repeat or two. This might even have a third."
message.indexOf "This", 0

→ Источник: http://coffeescriptcookbook.com/chapters/strings/finding-substrings

 

 

Источник: http://www.catswhocode.com/blog/tutorials-and-snippets-to-get-started-with-coffeescript

38
Share: