Happy Programming with CoffeeScript
16 likes11,025 views
CoffeeScript is a programming language that compiles to JavaScript. It adds syntactic sugar like string interpolation and array comprehensions to make code more concise and readable in a JavaScript-like syntax. While CoffeeScript is not a replacement for JavaScript, it can help programmers write cleaner code, especially for those who dislike certain parts of JavaScript syntax. Whether to use CoffeeScript depends on one's needs - it is most useful for those who want cleaner syntax but still need to target JavaScript in the end.
![var a;
a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];](https://image.slidesharecdn.com/happyprogrammingwithcoffeescript-120518170516-phpapp02/85/Happy-Programming-with-CoffeeScript-68-320.jpg)
![a = [1..10]](https://image.slidesharecdn.com/happyprogrammingwithcoffeescript-120518170516-phpapp02/85/Happy-Programming-with-CoffeeScript-69-320.jpg)
![console.log i for i in [1..10]](https://image.slidesharecdn.com/happyprogrammingwithcoffeescript-120518170516-phpapp02/85/Happy-Programming-with-CoffeeScript-71-320.jpg)
Happy Programming with CoffeeScript
- 1. Happy Programming with CoffeeScript 高見見龍龍 photo by yukop
- 2. 高見見龍龍 a.k.a Eddie or Aquarianboy Live and work in Taipei, Taiwan. Serving in my own little tiny company. Flash / AS3 / Ruby / Rails / Python programming for living. Mac OS user, Objective-C for personal inerests. Technical Education and Consulant. PTT Flash BM (since 2007/4). Ruby Certified Programmer (Since 2012/1). Adobe Certified Flash Developer (Since 2006/7). Linux Professional Institue Certification (Since 2005/3). photo by Eddie
- 4. Intro 簡介
- 5. Popular
- 8. Before photo by Razlan
- 9. photo by Razlan Now
- 10. seems easy photo by apple apple
- 11. photo by Marcus Q
- 12. Today, I am going o ell you..
- 13. Happy 快樂
- 14. We’re not alking about this kind of coffee. photo by Nick Humphries
- 15. Not this either. photo by naotoj
- 16. I have no idea why engineers like using food as their project name.
- 17. Jeremy Ashkenas photo by jsconf
- 18. 2009/12
- 19. and I sared o use CoffeeScript since 2011/5
- 20. and I sared o use CoffeeScript since 2011/5 because of Rails
- 22. yet another new language !?
- 25. just writen in different synax
- 26. borrowed from Python, Ruby and Haskell.
- 27. and would be compiled ino JavaScript code
- 29. So, it's still Javascript
- 30. "hmm.."
- 33. "I think it's just CoffeeScript"
- 34. whaever.. WTH can you do with CoffeeScript?
- 35. anything which JavaScript can do.
- 36. front-end, back-end, mobile.. ec.
- 37. but with less line of code.. ~ 30% off
- 38. CoffeeScript compiler is writen in CoffeeScript
- 39. Is JavaScript that bad? photo by Bryan Gosline
- 40. the good parts photo by Steve Ganz
- 41. CoffeeScript = English-like grammar + nice Synactic Sugar + Goodies
- 42. Syntax 語法
- 44. } } } }
- 45. } } } }
- 48. greeting = "hi, " + name + ", " + msg
- 49. greeting = "hi, #{name}, #{msg}"
- 50. semicolon
- 51. semicolon
- 52. var
- 53. var
- 54. ->
- 55. say_hello = (msg) -> console.log "hello, JSDC"
- 56. var say_hello; say_hello = function(msg) { return console.log("hello, JSDC"); };
- 58. say_something = (msg = "JSDC") -> console.log "say #{msg}"
- 59. var say_something; say_something = function(msg) { if (msg == null) { msg = "JSDC"; } return console.log("say " + msg); };
- 60. ( ) is not always necessary.
- 61. greeting("eddie", "how are you");
- 62. greeting "eddie", "how are you"
- 63. everything is an expression
- 64. return is not necessary.
- 65. var hello; hello = function() { return "hi, JSDC"; };
- 66. hello = -> "hi, JSDC"
- 67. Array
- 68. var a; a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
- 69. a = [1..10]
- 70. Loop
- 71. console.log i for i in [1..10]
- 72. var i, _i; for (i = _i = 1; _i <= 10; i = ++_i) { console.log(i); }
- 73. console.log "YES" if oday == 'JSDC'
- 74. Sugar
- 75. yes, no
- 76. A: “would you marry me?” B: true
- 77. A: “would you marry me?” B: yes
- 78. console.log "go home" if oday isnt "JSDC"
- 79. OO
- 80. Hello.prootype.greeting = function(name) { console.log("hi, " + name); };
- 81. class Hello greeting: (name) -> console.log "hi, #{name}"
- 82. class Hello construcor: (@name) -> greeting: (msg) -> "hi, #{@name}, #{msg}"
- 83. var Hello; Hello = (function() { Hello.name = 'Hello'; function Hello(name) { this.name = name; } Hello.prootype.greeting = function(msg) { return "hi, " + this.name + ", " + msg; }; return Hello; })();
- 84. Diff? 差別?
- 85. the Original Way Your Brain JavaScript Browser
- 86. the CoffeeScript way Your Brain CoffeeScript JavaScript Browser
- 88. lots of languages that compile o JS http://goo.gl/nkAkQ
- 89. Ref 參考
- 90. RTFM, it's awesome! http://coffeescript.org/
- 91. or my shameless promotion blog http://blog.eddie.com.tw/caegory/coffeescript/
- 92. Let’s get our feet wet! photo by jlhopes
- 93. Demo 展示
- 94. But.. 巴特..
- 95. CoffeeScript is not so perfect
- 97. People may still wrie CoffeeScript as horribly as they wroe JavaScript..
- 99. ( ) is not always necessary.
- 100. Debugging ool?
- 101. You've beter have a human CoffeeScript compiler in your head!
- 102. Then.. 然後..
- 103. CoffeeScript is not used o replace JavaScript.
- 104. If you don’t know Javascript, and you think CoffeeScript can save your life..
- 105. you would be in trouble.
- 106. So.. 所以..
- 107. Who is using CoffeeScript?
- 108. actually, I don't really care!
- 109. Who won't need this?
- 110. People who don't like CoffeeScript.
- 111. People who already know javascript(the good parts) very well.
- 112. Who might need/like this?
- 113. someone who don't like ;
- 114. someone who don't like { }
- 115. someone who don't like the PROTOTYPE.
- 116. Rails developer
- 117. Anyway 總之
- 118. Should I learn CoffeeScript?
- 119. Is it worth it?
- 120. IMHO 拙見
- 121. You should..
- 122. learn JavaScript!
- 123. learn JavaScript!
- 124. learn JavaScript!
- 125. learn JavaScript!
- 126. .. and use CoffeeScript !
- 127. oally worth it!
- 128. I can't go back anymore!
- 129. give it a try
- 130. Happy? 快樂?
- 131. END 結束
- 132. Conacts 高見見龍龍 Websie Blog http://www.eddie.com.tw http://blog.eddie.com.tw Plurk http://www.plurk.com/aquarianboy Facebook http://www.facebook.com/eddiekao Google Plus http://www.eddie.com.tw/+ Twiter https://twiter.com/#!/eddiekao Email [email protected] Mobile +886-928-617-687 photo by Eddie