Coffeescript - Vai um cafézinho?

Palestra realizada 15/12 para o TiNoVale.

Transcript

1. VAI UM CAFÉZINHO? Guilherme Pontes guilhermepontes.com
2. http://speakerdeck.com/guilherme
3. “CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.”
4. 176 páginas 1100 páginas
5. Mas o que diabo tem de errado com Javascript? •  Inconsistência entre browsers; •  API do DOM horrível; •  Sintaxe Redundante. jQuery resolve isso.
6. Mas o que diabo tem de errado com Javascript? •  Sintaxe Redundante. Coffeescript resolve isso.
7. var me = { name : “Guilherme Pontes”, local : “São José dos Campos - SP”, age : 20, job : “Interface Developer”, website : “http://guilhermepontes.com”, twitter : “@guiiipontes”, empresa : { nome : “Gauge”, website : “http://gauge.com.br” } }
8. me = { nome : “Guilherme Pontes”, local : “São José dos Campos - SP”, age : 20, job : “Interface Developer”, website : “http://guilhermepontes.com”, twitter : “@guiiipontes”, empresa : { nome : “Gauge”, website : “http://gauge.com.br” } }
9. me = name : “Guilherme Pontes”, local : “São José dos Campos - SP”, age : 20, job : “Interface Developer”, website : “http://guilhermepontes.com”, twitter : “@guiiipontes”, empresa : nome : “Gauge”, website : “http://gauge.com.br”
10. me = name : “Guilherme Pontes”, local : “São José dos Campos - SP”, age : 20, job : “Interface Developer”, website : “http://guilhermepontes.com”, twitter : “@guiiipontes”, empresa : nome : “Gauge”, website : “http://gauge.com.br”
11. 1 TAB = 4 ESPAÇOS
12. me = name : “Guilherme Pontes” local : “São José dos Campos – SP” age : 20 job : “Interface Developer” website : “http://guilhermepontes.com” twitter : “@guiiipontes” empresa : nome : “Gauge” website : “http://gauge.com.br”
13. Curiosidades •  É a 11ª linguagem mais usada no GitHub no momento. Ultrapassou C# recentemente. •  O GitHub usa CoffeeScript em suas aplicações. •  É a linguagem de front-end padrão do Ruby on Rails. •  O Dropbox recentemente reescreveu todo o seu front-end em CoffeeScript, tendo uma economia de mais de 5000 linhas de código.
15. INSTALANDO: •  Instale  o  NPM  (h/ps://npmjs.org)   > npm install coffee-script
16. UTLIZANDO: > coffee --compile --output coffee/ css/ OU Instale  o  Codekit  (h/p://incident57.com/codekit/)  
17. 1ª XÍCARA: COMPARAÇÃO SIMPLES CALCULAR O QUADRADO DE UM ARRAY
18. 1ª XÍCARA: COMPARAÇÃO SIMPLES
19. 1ª XÍCARA: COMPARAÇÃO SIMPLES
20. 1ª XÍCARA: COMPARAÇÃO SIMPLES
21. 1ª XÍCARA: COMPARAÇÃO SIMPLES
22. 1ª XÍCARA: COMPARAÇÃO SIMPLES
23. 1ª XÍCARA: COMPARAÇÃO SIMPLES
24. 1ª XÍCARA: COMPARAÇÃO SIMPLES
25. 1ª XÍCARA: COMPARAÇÃO SIMPLES
26. 1ª XÍCARA: COMPARAÇÃO SIMPLES
27. Simples, né?
28. 2ª XÍCARA REFERÊNCIAS DA LINGUAGEM
29. 2ª XÍCARA: FUNÇÕES
30. 2ª XÍCARA: FUNÇÕES
31. 2ª XÍCARA: FUNÇÕES COMPARANDO
32. 2ª XÍCARA: FUNÇÕES COMPARANDO
33. 2ª XÍCARA: FUNÇÕES VOCÊ TAMBÉM PODE FAZER ISSO:
34. 2ª XÍCARA: FUNÇÕES FÁCIL CONCATENAÇÃO
35. 2ª XÍCARA: FUNÇÕES SPLATS
36. 2ª XÍCARA: FUNÇÕES SPLATS
37. 2ª XÍCARA: OBJETOS E ARRAYS OBJETOS E ARRAYS
38. 2ª XÍCARA: CONDICIONAIS CONDICIONAIS
39. 2ª XÍCARA: LOOP LOOPS
40. 2ª XÍCARA: OPERADORES OPERADORES
41. 2ª XÍCARA: OPERADORES OPERADORES: EXEMPLOS
42. 2ª XÍCARA: BAGULHO É LOCO! TUDO É EXPRESSÃO!
43. 2ª XÍCARA: BAGULHO É LOCO! TUDO É UMA EXPRESSÃO!
44. 2ª XÍCARA: É NÓIS COFFEESCRIPT!!! OPERADOR EXISTENCIAL
45. 2ª XÍCARA: VISHHHH! OPERADOR EXISTENCIAL
46. 2ª XÍCARA: OPERADOR EXISTENCILINDO! OPERADOR EXISTENCIAL
47. 2ª XÍCARA: OPERADOR EXISTENCILINDO! OPERADOR EXISTENCIAL
48. 3ª XÍCARA STRINGS, INTERPOLAÇÃO E COMENTÁRIOS
49. 3ª XÍCARA: STRINGS! STRINGS
50. 3ª XÍCARA: STRINGS! STRINGS
51. 3ª XÍCARA: STRINGS! STRINGS MULTILINHAS
52. 3ª XÍCARA: STRINGS! STRINGS MULTILINHAS – CASE SENSITIVE
53. 3ª XÍCARA: STRINGS! STRINGS MULTILINHAS – CASE SENSITIVE
54. 3ª XÍCARA: STRINGS! COMENTÁRIOS
55. 3ª XÍCARA: STRINGS! EXPRESSÃO REGULARES
56. 4ª XÍCARA ORIENTAÇÃO A OBJETO
57. 4ª XÍCARA: OOP! ORIENTAÇÃO A OBJETO
58. 5ª XÍCARA JQUERY
59. 5ª XÍCARA: JQUERY! JQUERY
60. 5ª XÍCARA: JQUERY! JQUERY
62. VÃO PELA SOMBRA.
63. http://www.facebook.com/groups/valehackerspace
64. Obrigado! GUILHERME PONTES guilhermepontes.com @guiiipontes facebook.com/guiiipontes linkedin.com/in/guilhermepontes
65. guilhermepontes.com REFERÊNCIAS http://coffeescript.org/ https://tech.dropbox.com/2012/09/dropbox-dives-into- coffeescript/ http://arcturo.github.com/library/coffeescript/ http://loopinfinito.com.br/2012/09/18/uma-xicara-de- coffeescript/ http://www.slideshare.net/godfoca/lets-have-a-cup-of- coffeescript