CoffeeScript com Visual Studio e ASP.NET MVC
2 gostaram1,025 visualizações
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.
![Foreach (finally!)
certificacoes = ["PSM I", "PSM II", "PSD", "PSPO"]
for c in certificacoes
puts c](https://image.slidesharecdn.com/coffeescriptcomvs-110828190722-phpapp01/85/CoffeeScript-com-Visual-Studio-e-ASP-NET-MVC-15-320.jpg)
![Prefix ou postfix
certificacoes = ["PSM I", "PSM II", "PSD", "PSPO"]
for c in certificacoes
puts c
Ou...
puts c for c in certificacoes](https://image.slidesharecdn.com/coffeescriptcomvs-110828190722-phpapp01/85/CoffeeScript-com-Visual-Studio-e-ASP-NET-MVC-21-320.jpg)
![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}"](https://image.slidesharecdn.com/coffeescriptcomvs-110828190722-phpapp01/85/CoffeeScript-com-Visual-Studio-e-ASP-NET-MVC-22-320.jpg)
![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...](https://image.slidesharecdn.com/coffeescriptcomvs-110828190722-phpapp01/85/CoffeeScript-com-Visual-Studio-e-ASP-NET-MVC-23-320.jpg)
CoffeeScript com Visual Studio e ASP.NET MVC
- 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?
- 40. Como?
- 42. Como?
- 43. Como?
- 45. CoffeeScript + VS + ASP.NET MVC