1. A SIP OF
COFFEESCRIPT
TO GET YOU STARTED
FRONT END DEVELOPERS OF MIAMI
March 27, 2013
Created by Mauricia Ragland / @summnerd
SURVEY
http://goo.gl/k9FMW

2. WHAT I WILL DISCUSS
1. What CoffeeScript Is
2. Why It's a Great
3. A few cons
4. Things to Know in Advance
5. The Basics

4. COFFEESCRIPT

5. WRITE ONE
LANGUAGE TO GET
ANOTHER?

6. SO WHAT ARE THE
BENEFITS?
Forces consistency
Great when working on teams
Writes great code
Great way to sharpen your own skillset
Forces namespacing
Great Resource for learning

7. SO EVERYTHING'S GREAT!
NO!

8. SO WHAT ARE THE
CONS?
Not for beginners
Requires setup Gem/NPM
Learning Curve
Can breed lazy developers
That's all I can think of...

9. OVERALL
You can stop using CoffeeScript whenever you want
SO THERE'S NOTHING TO LOSE!

10. WHAT YOU SHOULD
KNOW

11. WATCH YOUR SPACING

12. START BY USING
JS2COFFEE.ORG

13. GET TEAM IN SYNC

14. DO NOT EDIT JAVASCRIPT

15. DO NOT START WITH
TIGHT DEADLINE

16. DOES NOT TAKE PLACE
OF BEST PRACTICES

17. INSTALLING COFFEESCRIPT
Node Package Manager - NPM
Ruby Gem

18. NO MANUAL
INSTALLATION
YES
WHY USE A PACKAGE
MANAGER
Handles dependencies
Easy to version
I don't want to manage them myself

19. DO NOT USE SUDO
sd con- $SR/s/oa
uo hw R UE urlcl

20. NPM
nmisal- cfe-cit
p ntl g ofesrp
Remove -g if you don't want a global install

21. GEM
gmisalcfe-cit
e ntl ofesrp
#hc t sei i' isald
Cek o e f ts ntle
gmqeylcl
e ur oa

22. CODE SNIPPETS
Syntax to understand to help get you going

23. FUNCTIONS
Are indicated by arrow
eape=- x=1+2
xml >
is equivalent to
fnto eape)
ucin xml({
vrx=1+2
a ;
}

24. PARAMETERS
eape=(x y)-
xml , >
is equivalent to
fnto eape x y)}
ucin xml( , {

25. HOW TO CALL A
FUNCTION
eape)
xml(
#hnPsigprm prnhssaentnee
We asn aas aetei r o edd
eapex y
xml ,
is equivalent to
eape)
xml(;
eape x y)
xml( , ;

26. CREATING A VARIABLE
x=1
#h floigi icret
Te olwn s norc
vrx=1
a ;
"var" is not allowed

27. CONDITIONAL
STATEMENTS
eape)i xady
xml( f n
aet) i x
lr( f ?
is equivalent to
i (x& y)
f &
eape)
xml(;
i (yefx!="neie"& x!=nl){
f tpo = udfnd & = ul
aet)
lr(;
}

28. INTERPOLATION
aet"ynm i #@isNm}#@atae"
lr M ae s {frtae {lsNm}
is equivalent to
aet"ynm i "+ti.isNm +""+ti.atae;
lr(M ae s hsfrtae hslsNm)

29. COMPILING COFFEESCRIPT
cfe -cmie-otu j/cfe/
ofe -opl -upt s ofe
#s tewth
Ue h ac
cfe -wth-cmie-otu j/cfe/
ofe -ac -opl -upt s ofe
watch makes the process seamless

30. RESOURCES
COFFEESCRIPT
Official Site
JS2Coffee
NPM
Intro to NPM
10 Things you can do with NPM
RUBY GEM
Online Manual
Code sample used during talk:
https://github.com/summanerd/asipofcoffee

31. THE END
BY MAURICIA RAGLAND
@SUMMANERD
ITSME@SUMMANERD.COM
SURVEY
http://goo.gl/k9FMW