An Introduction to CoffeeScript
Download as PPTX, PDF1 like511 views
CoffeeScript is a programming language that simplifies JavaScript by reducing code length and improving readability. It gained popularity after its release in 2009 and was notably included in Ruby on Rails 3.1. The document provides installation instructions and coding examples, highlighting its syntactic differences from JavaScript.
An Introduction to CoffeeScript
- 2. Who am I? • rampicos.wordpress.com • twitter.com/rampicos • facebook.com/raamkumar.m • Code • Ramkumar Murugadoss
- 3. What is CoffeeScript • CoffeeScript is a little language that aims to give you easy access to the good parts of JavaScript • One-third less code in order to generate the same JavaScript
- 4. Why CoffeeScript • Increases readability • Eliminates syntactic clutters • Very less number of code lines to get much more javascripts • Get to know, because it is really popular
- 5. History • On Christmas Day 2009, Jeremy Ashkenas first released CoffeeScript • On Christmas 2010 CoffeeScript 1.0 get released, with this release CoffeeScript became one of Github’s “most-watched” projects • In 2011, CoffeeScript was included in Ruby on Rails 3.1
- 6. How it gets so much Popularity • The good parts like super functions, classes, etc.. are still there • The Compiler is present to help • It is all so clear
- 7. Setting Env • Install Node.js for your platform • Goto Terminal/CMD • Execute “npm install -g coffee-script” • Use “coffee -v” to check CoffeeScript works and to know the version
- 8. All set • “coffee –c <filename.coffee>” to compile coffee file to js file • “coffee -o output/folder -c Coffee/files/folder” to bulk compile coffee files to js files and store in specified folder
- 9. Ready to Code • You don't need to declare variables with var • You don't need to use semicolons ; • Instead of using curly braces { } to surround blocks of code with indentation • Use @ for this • Use -> for function definition • Assign default values from function arguments
- 10. Some Examples
- 12. Much more • Functions • Objects and Arrays • Lexical Scoping and Variable Safety • If, Else, Unless, and Conditional Assignment • Splats... • Loops • Array Slicing and Splicing • Classes, Inheritance, and Super
- 13. With jQuery Or
- 14. Or Or
- 15. Time is Yours