O documento resume as principais características da linguagem CoffeeScript, incluindo sintaxe simplificada em relação ao JavaScript, suporte a classes, herança e outros recursos como interpolação de strings e declaração de objetos.

2. Giovanni Bassi
giovanni@lambda3.com.br
blog.lambda3.com.br
@giovannibassi

3. @GiovanniBassi
3

7. http://bit.ly/coffeescript-site
• Sintaxe mínima
• Semântica limpada
• Brinquedos novos
• É Javascript!

8. Morte “var”!
a=1
b = "nome"
funcaoAlias = alert

9. Parênteses são opcionais!
alert "I knew it!"
res = somar 4, 5

10. Interpolação de strings (finally!)
nome = "Giovanni"
sobrenome = "Bassi"
puts "meu nome é #{nome} #{sobrenome}."
puts "meu nome tem #{nome.length} letras."

11. Limpando a cerimônia do Javascript
nas declarações de funções
var soma = function soma(x, y) {
return x + y;
}
Chamando:
var res = soma(4, 5)

12. Limpando a cerimônia do Javascript
nas declarações de funções
soma = (x, y) ->
x+y
significant white space
Chamando:
res = soma 4, 5

13. Limpando a cerimônia do Javascript
nas declarações de funções
Soma = (x, y) -> x + y
Chamando:
res = soma 4, 5

14. Declarar objetos ficou muito fácil
pessoa = nome: "Giovanni"
Ou...
pessoa = nome: "Giovanni", sobrenome: "Bassi"
Ou...
pessoa =
{
nome: "Giovanni"
sobrenome: "Bassi"
nomeCompleto: ->
"#{@nome} #{@sobrenome}"
}

15. Foreach (finally!)
certificacoes = ["PSM I", "PSM II", "PSD", "PSPO"]
for c in certificacoes
puts c

16. While e Until
balas = 100
shoot = -> puts "shot ##{101 - balas}"; balas--
until balas is 0 then shoot()
while balas isnt 0 then shoot()

17. Palavrinhas chaves bonitas
is ===
isnt !==
on true
yes true
off false
no false
until while not

18. Prefix ou postfix
if engine is on
drive car
Ou...
if engine is on then drive car
Ou...
drive car if engine is on

19. Prefix ou postfix
if engine isnt on
drive car
Ou...
drive car unless engine is on

20. Prefix ou postfix
if verify and x > y
bigger = yes
bigger = yes if verify and x > y

21. Prefix ou postfix
certificacoes = ["PSM I", "PSM II", "PSD", "PSPO"]
for c in certificacoes
puts c
Ou...
puts c for c in certificacoes

22. Tudo é são expressões
puts (i for i in [1,2,3])
puts (
try
naoexiste.algo
catch
“não existe”
)
nums = while num -= 1 then "num: #{num}"

23. Splats (ou params ou ParamArray)
certificacoes = ["PSM I", "PSM II", "PSD", "PSPO"]
verificaCerts = (cert1, cert2, outras...) ->
puts "A primeira eh #{cert1}"
puts "A segunda eh #{cert2}"
puts "E tenho outras: #{outras}"
verificaCerts "PSM I", "PSM II", "PSD", "PSPO"
verificaCerts certificacoes...

24. Verificando existência
pessoa =
{
nome: "Giovanni",
sobrenome: "Bassi"
pai: { nome: "o cara" }
}
ancestral = pessoa.mae ? pessoa.pai
puts ancestral.nome
puts pessoa.pai.nome
puts pessoa.mae.nome #erro
puts pessoa.mae?.nome #ok

25. Verificando existência
pessoa =
{
nome: "Giovanni",
sobrenome: "Bassi"
pai: { nome: "o cara" }
}
ancestral = pessoa.mae ? pessoa.pai
puts ancestral.nome
puts pessoa.pai.nome
puts pessoa.mae.nome #erro
puts pessoa.mae?.nome #ok

26. O problema do “this”
• “this” varia do contexto de chamada
• Isso vai falhar se for feito dentro de um objeto:
$('.shopping_cart').bind('click', function (event) {
this.loja.darDesconto(this.pedido);
});
• Não com CoffeeScript:
$('.shopping_cart').bind 'click', (event) =>
@loja.darDesconto @pedido

27. Classes!!!
class Person
constructor: (@name, @age) ->
Who: () ->
"This is #{@name} and he is #{@age}
years old"
person = new Person "Giovanni", 33
puts person.name
puts person.Who()

28. Métodos estáticos em classes
class Person
constructor: (@name, @age) ->
@familia: -> "Bassi"
Who: () ->
"This is #{@name}"
puts Person.familia() #: Bassi

29. Herança
class SerVivo
TemCarbono: () -> true
class Animal extends SerVivo
Locomove: () -> "como?"
class Passaro extends Animal
Locomove: () ->
"#{super()} voa"
puts (new Passaro()).Locomove()
puts (new SerVivo()).TemCarbono()

30. CoffeeScript direto na página
<script type="text/coffeescript">
alert i for i in 1..10
</script>
<script src="coffee-script.js"></script>

31. CoffeeScript com jQuery
$ ->
facaIsso(a, b)
facaAquilo()

32. Compilando
• Compilando on demand diretório “coffee” para
“js”:
coffee -o scripts/js/ -c scripts/coffee/
• Observando mudanças e compilando
automaticamente:
coffee -w -c arquivo.coffee

33. CoffeeScript.org

34. CoffeeScript.org

35. Como?

36. Como?
(versão 0.4.11)

37. Como?

38. Como?

39. Como?
http://bit.ly/coffeescriptwindows

40. Como?

41. Como?
CoffeeScriptRunnerVSPackage

42. Como?

43. Como?

44. A linguagem CoffeeScript

45. CoffeeScript + VS + ASP.NET MVC

47. @giovannibassi
giovanni@lambda3.com.br