Quantcast
Viewing latest article 6
Browse Latest Browse All 12

Resources for Learning CoffeeScript

CoffeeScript is a little language that compiles into JavaScript. While there is a lot of debate online about the pros and cons of using CoffeeScript, I've decided to just focus on talking about some resources I used to learn this little loved and much hated language.

Coffee Console - Google Chrome extension

https://chrome.google.com/webstore/detail/coffeeconsole/ladbkfdlnaibelfidknofapbbdlhadfp?hl=en-US (Free)

You’ll want to install this Google Chrome extension before getting started. It’s essentially js2coffee in reverse. It compiles CoffeeScript into JavaScript as you type. Another advantage of using the compiler in your browser is that you can quickly pull in other libraries. For example, visiting Underscore.js allows you to write some Underscore in your CoffeeScript after running it in the console.

Image may be NSFW.
Clik here to view.
See CoffeeScript compiled into JavaScript instantly. After running the code, you can use available libraries in the console.

The Little Book on CoffeeScript

http://arcturo.github.io/library/coffeescript/ (Free Online / Paid Paperback)

I read through this book with my Google Chrome extension open. I took Alex McCaw’s advice and wrote every single line of the book to see how they translate into JavaScript. This book will begin to familiarize you with some essential CoffeeScript syntax (@ is this., -> is a function call, => carries over the context of this into the function, etc).

CoffeeScript Docs

http://coffeescript.org/ (Free)

The CoffeeScript docs were pretty clear and concise on the specific functionality that CoffeeScript offers and how it translates into JavaScript.

CoffeeScript Ristretto

https://leanpub.com/coffeescript-ristretto (Free or Paid)

This was my favorite CoffeeScript read by far. Reginald (raganwald) Braithwaite taught CoffeeScript to the reader as a new language instead of just translating CoffeeScript into JavaScript. This is the best book for anyone newer to learning JavaScript. It served as a review of the concepts in JavaScript, but skipped the weirdness that is JavaScript (unless that weirdness also existed in CoffeeScript). The book started from the very beginning with values and continued up through classes, closures, and canonicalization. It helped me think of CoffeeScript in it’s own light as opposed to just another layer of translation.

Other Resources

CoffeeScipt is super simple and can be learned by reading just one of the resources above. Here are some more resources I've encountered that can help you use CoffeeScript to it's fullest potential.

More Books / Interative Learning

Tools / Guides

  • CoffeeCompile - This little Sublime Text plugin is a great way to check what CoffeeScript is compiling into on the fly. I already wrote about it in my guide to Sublime Text.

  • CoffeeScript Style Guide - Best-practices and coding conventions for the CoffeeScript programming language.

  • Spectacular - Spectacular is a BDD framework for CoffeeScript and JavaScript that attempts to bring the power of RSpec to JavaScript.

  • CoffeeLint - CoffeeLint is a style checker that helps keep CoffeeScript code clean and consistent.

Blog Posts


Viewing latest article 6
Browse Latest Browse All 12

Trending Articles