SlideShare a Scribd company logo
1 of 25
CoffeeScript The Awesome
“A Propos de Moi” @kouphax http://yobriefca.se http://github.com/kouphax
A Few CoffeeScript Facts Created by Jeremy Ashkenas circa late 2009 Spawned from reading “Create Your Own Programming Language” CoffeeScript compiles to, and executes as, JavaScript in the browser. CoffeeScript simply offers an initial compilation step prior to the JavaScript being interpreted – what's the harm in that? CoffeeScript does not require you to abandon all your JS libraries Yes you can still use jQuery or anything else you want JavaScript produced by the CoffeeScript compiler is performant, valid and well formatted.
Debugging CoffeeScript directly is currently not possible so this adds another layer of complexity In reality mapping between CoffeeScript and the generated JavaScript isn’t difficult Could be considered just syntactical sugar with some extra syntax benefits No more random semi-colon insertion No more accidental global scoping of declarations Scoping  syntax built right in Automatic “hoisting” of variable declarations Not everyone is a massive fan A Few (More) CoffeeScript Facts
Range Compreshension English Notation Variable Declaration Function Declaration String Interpolation Function Call Loop Comprehension * Never do this in real life kthanxai
CoffeeScript: A Guided Tour - or -  CoffeeScript: A Guided Tour of the Website, Pretty Much, Except in Slide Form but Not Because I am Lazy, No,  More so Because It’s a Fairly Comprehensive Document of the Features of CoffeeScript.
Functions
Functions
Objects
Conditionals
Operators and Aliases
Splats
Loops and Comprehensions
Array Slicing and Ranges
Classes
Odds and Ends
Using CoffeeScript in .NET - or -  What?  You think we’d let those script kiddies have all the fun?  Hells no!
Compile On Demand Shameless Plug (but I am distracting you through the use of Comic Sans) …and others
Pre-compile
Questions?

More Related Content

What's hot

What's hot (20)

Nate Reist WCGR WP AJAX presentation
Nate Reist WCGR WP AJAX presentationNate Reist WCGR WP AJAX presentation
Nate Reist WCGR WP AJAX presentation
 
Jump start php environment
Jump start php environmentJump start php environment
Jump start php environment
 
Introduce cucumber
Introduce cucumberIntroduce cucumber
Introduce cucumber
 
Configuration Management Camp 2015
Configuration Management Camp 2015Configuration Management Camp 2015
Configuration Management Camp 2015
 
Isomorphic JavaScript with Nashorn
Isomorphic JavaScript with NashornIsomorphic JavaScript with Nashorn
Isomorphic JavaScript with Nashorn
 
Gatsby vs. Next.js
Gatsby vs. Next.jsGatsby vs. Next.js
Gatsby vs. Next.js
 
That worked before
That worked beforeThat worked before
That worked before
 
How to build a Mobile API or HTML 5 app in 5 minutes
How to build a Mobile API or HTML 5 app in 5 minutesHow to build a Mobile API or HTML 5 app in 5 minutes
How to build a Mobile API or HTML 5 app in 5 minutes
 
Laravel Dusk
Laravel DuskLaravel Dusk
Laravel Dusk
 
MVVM & RxSwift
MVVM & RxSwiftMVVM & RxSwift
MVVM & RxSwift
 
Serverless Operations aka. LessOps
Serverless Operations aka. LessOpsServerless Operations aka. LessOps
Serverless Operations aka. LessOps
 
Sexy React Stack
Sexy React StackSexy React Stack
Sexy React Stack
 
Introduction to Spring Reactor
Introduction to Spring ReactorIntroduction to Spring Reactor
Introduction to Spring Reactor
 
Your time saving front end workflow
Your time saving front end workflowYour time saving front end workflow
Your time saving front end workflow
 
Reactjs workshop (1)
Reactjs workshop (1)Reactjs workshop (1)
Reactjs workshop (1)
 
React & Redux, how to scale?
React & Redux, how to scale?React & Redux, how to scale?
React & Redux, how to scale?
 
Time's Important - Let Task Management Save Yours
Time's Important - Let Task Management Save YoursTime's Important - Let Task Management Save Yours
Time's Important - Let Task Management Save Yours
 
React Component Library Design @WalmartLabs
React Component Library Design @WalmartLabsReact Component Library Design @WalmartLabs
React Component Library Design @WalmartLabs
 
Q6 what have you learnt about technologies
Q6   what have you learnt about technologiesQ6   what have you learnt about technologies
Q6 what have you learnt about technologies
 
Automation of Deep learning training with AWS Step Functions
Automation of Deep learning training with AWS Step FunctionsAutomation of Deep learning training with AWS Step Functions
Automation of Deep learning training with AWS Step Functions
 

Similar to CoffeeScript the Awesome

Happy Programming with CoffeeScript
Happy Programming with CoffeeScriptHappy Programming with CoffeeScript
Happy Programming with CoffeeScript
Eddie Kao
 
Coffeescript unfancy javascript
Coffeescript unfancy javascriptCoffeescript unfancy javascript
Coffeescript unfancy javascript
Dimitris Tsironis
 
Coffee script final
Coffee script finalCoffee script final
Coffee script final
priyankazope
 

Similar to CoffeeScript the Awesome (20)

End to-End CoffeeScript
End to-End CoffeeScriptEnd to-End CoffeeScript
End to-End CoffeeScript
 
Writing Bullet-Proof Javascript: By Using CoffeeScript
Writing Bullet-Proof Javascript: By Using CoffeeScriptWriting Bullet-Proof Javascript: By Using CoffeeScript
Writing Bullet-Proof Javascript: By Using CoffeeScript
 
Smooth CoffeeScript
Smooth CoffeeScriptSmooth CoffeeScript
Smooth CoffeeScript
 
Happy Programming with CoffeeScript
Happy Programming with CoffeeScriptHappy Programming with CoffeeScript
Happy Programming with CoffeeScript
 
Essentials in JavaScript App Bundling with Webpack
Essentials in JavaScript App Bundling with WebpackEssentials in JavaScript App Bundling with Webpack
Essentials in JavaScript App Bundling with Webpack
 
Introduction to Coffeescript
Introduction to CoffeescriptIntroduction to Coffeescript
Introduction to Coffeescript
 
CoffeeScript: A beginner's presentation for beginners copy
CoffeeScript: A beginner's presentation for beginners copyCoffeeScript: A beginner's presentation for beginners copy
CoffeeScript: A beginner's presentation for beginners copy
 
Javascript tutorial
Javascript tutorialJavascript tutorial
Javascript tutorial
 
Quo vadis, JavaScript? Devday.pl keynote
Quo vadis, JavaScript? Devday.pl keynoteQuo vadis, JavaScript? Devday.pl keynote
Quo vadis, JavaScript? Devday.pl keynote
 
CoffeeScript: The Good Parts
CoffeeScript: The Good PartsCoffeeScript: The Good Parts
CoffeeScript: The Good Parts
 
Java script hello world
Java script hello worldJava script hello world
Java script hello world
 
Why I will never write JavaScript ever again*
Why I will never write JavaScript ever again*Why I will never write JavaScript ever again*
Why I will never write JavaScript ever again*
 
Coffeescript unfancy javascript
Coffeescript unfancy javascriptCoffeescript unfancy javascript
Coffeescript unfancy javascript
 
Java script
Java scriptJava script
Java script
 
Web programming UNIT II by Bhavsingh Maloth
Web programming UNIT II by Bhavsingh MalothWeb programming UNIT II by Bhavsingh Maloth
Web programming UNIT II by Bhavsingh Maloth
 
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTHWEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
 
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...
End to end testing Single Page Apps & APIs with Cucumber.js and Puppeteer (Em...
 
Coffee script final
Coffee script finalCoffee script final
Coffee script final
 
Type script vs javascript come face to face in battleground
Type script vs javascript come face to face in battlegroundType script vs javascript come face to face in battleground
Type script vs javascript come face to face in battleground
 
Front-End Engineering 101
Front-End Engineering 101Front-End Engineering 101
Front-End Engineering 101
 

Recently uploaded

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 

CoffeeScript the Awesome

  • 1.
  • 3. “A Propos de Moi” @kouphax http://yobriefca.se http://github.com/kouphax
  • 4.
  • 5. A Few CoffeeScript Facts Created by Jeremy Ashkenas circa late 2009 Spawned from reading “Create Your Own Programming Language” CoffeeScript compiles to, and executes as, JavaScript in the browser. CoffeeScript simply offers an initial compilation step prior to the JavaScript being interpreted – what's the harm in that? CoffeeScript does not require you to abandon all your JS libraries Yes you can still use jQuery or anything else you want JavaScript produced by the CoffeeScript compiler is performant, valid and well formatted.
  • 6. Debugging CoffeeScript directly is currently not possible so this adds another layer of complexity In reality mapping between CoffeeScript and the generated JavaScript isn’t difficult Could be considered just syntactical sugar with some extra syntax benefits No more random semi-colon insertion No more accidental global scoping of declarations Scoping syntax built right in Automatic “hoisting” of variable declarations Not everyone is a massive fan A Few (More) CoffeeScript Facts
  • 7.
  • 8. Range Compreshension English Notation Variable Declaration Function Declaration String Interpolation Function Call Loop Comprehension * Never do this in real life kthanxai
  • 9.
  • 10. CoffeeScript: A Guided Tour - or - CoffeeScript: A Guided Tour of the Website, Pretty Much, Except in Slide Form but Not Because I am Lazy, No, More so Because It’s a Fairly Comprehensive Document of the Features of CoffeeScript.
  • 21. Using CoffeeScript in .NET - or - What? You think we’d let those script kiddies have all the fun? Hells no!
  • 22. Compile On Demand Shameless Plug (but I am distracting you through the use of Comic Sans) …and others
  • 24.

Editor's Notes

  1. We’ve all seen the funny photos. JavaScript is rough around the edges, very rough
  2. Incuding the existential operator
  3. Incuding the existential operator
  4. Incuding the existential operator