Our first sip of CoffeeScript

CoffeScript quick talk!

RDstation (http://rdstation.com.br) is growing and we need Javscript more than ever.
At ResultadosDigitais we do internal talks to share knowledge, changes on our coding style, architecture, and impacting choices in general.

http://resultadosdigitais.com.br/trabalhe-conosco/

Transcript

1. our first sip of Coffeescript @resdigitais @nevemartins http://resultadosdigitais.com.br/trabalhe- conosco/ RDteam Internal Talk
2. What it is 1:1 Meta-language Compiler No funny business
3. What it does for you Easier to read Easier to write OO code Better performance Less verbose Auto-scoping Identation is information
4. The basics name = “RDstation” valid = true if valid console.log name var name, valid; name = “RDstation”; valid = true; if (valid){ console.log(name); }
5. The basics: Callbacks $(‘#cool_button’).click(function(event){ console.log(‘do stuff with’+event); }); $(‘#cool_button’).click (event) -> console.log(“do stuff with #{event}”) $(‘#cool_button’).click -> console.log(‘do stuff’)
6. The basics: Scoping out_of_scope = “Can’t touch this!” $(‘#cool_button’).click (event) -> console.log(“do stuff with #{event}”) console.log(out_of_scope) # undefined! out_of_scope = “Yes we can!” $(‘#cool_button’).click (event) => console.log(“do stuff with #{event}”) console.log(out_of_scope) # ha!
7. The basics: Iterators list = [“One”, “Two”, “Three”, “Four”] for number in list console.log number hash = render: true, template: “moustache” for option,value in hash console.log “#{option} is #{value}”
8. The basics: Operators is isnt not and or true, yes, on false, no, off @, this of in === !== ! && || true false this in Coffeescript Javascript
9. Classes class Gemstone constructor: (@name) -> shine: -> console.log “#{@name} :sparkles:” ruby = new Gemstone “Ruby” ruby.shine() >> “Ruby :sparkles:”
10. Real world code LOC 301 LOC 446 Coffeescript Javascript 32% LOC improovement
11. Be aware! Coffeescript isn’t a Javascript replacement! You should know your way around your Javascript! DEBUG!
12. References http://coffeescript.org https://github.com/trending?l=coffeescript http://rdstation.com.br/ sourcecode.