2. C'EST QUOI ?
Une "surcouche" javascript
Langage jeune (déc 2009)
Une syntaxe inspiré de Python, Ruby et Haskell

3. POURQUOI L'UTILISER ?
Rendre le code plus lisible (donc plus maintenable)
Rapidité de développement
Eviter les nombreuses erreurs possible en JS

4. EN PRATIQUE
1. Ecrire son code
2. Compiler en Javascript
cfe -cmiefl.ofe
ofe -opl iecfe
cfe -wth-cmiefl.ofe
ofe -ac -opl iecfe
3. Inclure son fichier js

5. VARIABLES

6. DÉFINIR UNE VARIABLE
ba="n vral"
l ue aibe
vrba
a l;
ba="n vral"
l ue aibe;

7. mti =[
arx
1 0 1
, ,
0 1 0
, ,
1 0 1
, ,
]
mp=
a
a 1
:
b 2
:
c 3
:
vrmp mti;
a a, arx
mti =[,0 1 0 1 0 1 0 1;
arx 1 , , , , , , , ]
mp={
a
a 1
: ,
b 2
: ,
c 3
:
};

8. TESTER UNE VARIABLE
i ba
f l?
i (yefba!="neie"& ba!=nl)
f tpo l = udfnd & l = ul

9. AFFECTER PLUSIEURS VARIABLES
[a1 vr.. vr]=[,2 3 4 5
vr, a2., a3 1 , , , ]
vrvr,vr,vr,_,_e,
a a1 a2 a3 i rf
_sie=[.lc;
_lc ]sie
_e =[,2 3 4 5,vr =_e[] vr =3< _e.egh?_siecl(rf 1 _ =_e.egh-1 :(i
rf 1 , , , ] a1 rf0, a2 = rflnt _lc.al_e, , i rflnt ) _
=1 [) vr =_e[i+;
, ], a3 rf_+]
Output
vr = 1
a1 >
vr = [,3 4
a2 > 2 , ]
vr = 5
a3 >

10. CONDITIONS

11. MOT CLÉ
if / unless
is / isnt
i vr i vr
f a1 s a2
cnoelgvr
osl.o a1
cnoelgvr uls vr in vr
osl.o a1 nes a1 st a2
i (a1==vr){
f vr = a2
cnoelgvr)
osl.o(a1;
}

12. CONDITIONS MULTIPLES
Les "classiques" && et || sont remplacés par 'and' et 'or'
i aadbo c
f n r
i ( & b| c
f a & | )
i 20<a<30
f 0 0
i (0 <a& a<30
f 20 & 0)

13. CONDITIONS TERNAIRES
i vr i vr te cnoelg""es cnoelg"=
f a1 s a2 hn osl.o = le osl.o !"
vr =i vr i vr te 3es 4
a3 f a1 s a2 hn le
vrvr;
a a3
i (a1==vr){
f vr = a2
cnoelg"";
osl.o(=)
}es {
le
cnoelg"=)
osl.o(!";
}
vr =vr ==vr ?3:4
a3 a1 = a2 ;

14. BOUCLES

15. COLLECTION
Le mot clé in pour itérer sur les éléments d'une collection
froji cleto
o b n olcin
cnoelgoj
osl.o b
cnoelgojfroji cleto
osl.o b o b n olcin
vroj _,_e;
a b, i ln
fr(i=0 _e =cleto.egh _ <_e;_+){
o _ , ln olcinlnt; i ln i+
oj=cleto[i;
b olcin_]
cnoelgoj;
osl.o(b)
}

16. FILTRES
Le mot clé when pour mettre une condition à notre boucle
froji cleto we ojin aohrb
o b n olcin hn b st nteOj
cnoelg"bet #oj"
osl.o ojc: {b}
vroj _,_e;
a b, i ln
fr(i=0 _e =cleto.egh _ <_e;_+){
o _ , ln olcinlnt; i ln i+
oj=cleto[i;
b olcin_]
i (b !=aohrb){
f oj = nteOj
cnoelg"bet "+oj;
osl.o(ojc: b)
}
}

17. WHILE
i=0
wiei<1
hl 0
i+
+
i=0
utli> 1
ni = 0
i+
+
vri
a ;
i=0;
wie( <1){
hl i 0
i+
+;
}
i=0;
wie(( > 1) {
hl !i = 0)
i+
+;
}

18. FONCTIONS

19. FONCTIONS ANONYMES
( -
) >
cnoelg"ocinaoye
osl.o fnto nnm"
(ucin){
fnto(
rtr cnoelg"ocinaoye)
eun osl.o(fnto nnm";
};
)
$aa
.jx
ul ""
r: /
sces (aa txSau,jXR -
ucs: dt, ettts qH) >
cnoelgdt
osl.o aa

20. FONCTIONS
sm=(olcin[)-
u cleto=] >
rs=0
e
rs+ ee free i cleto
e = lm o lm n olcin
rs
e
vrsm
a u;
sm=fnto(olcin {
u ucincleto)
vree,rs _,_e;
a lm e, i ln
i (olcin= nl){
f cleto = ul
cleto =[;
olcin ]
}
rs=0
e ;
fr(i=0 _e =cleto.egh _ <_e;_+){
o _ , ln olcinlnt; i ln i+
ee =cleto[i;
lm olcin_]
rs+ ee;
e = lm
}
rtr rs
eun e;
};

21. PORTÉ DES VARIABLES
a=- >
vr =1
a1 2
b=- >
vr =2
a2 3
vr =1
a1 3
rtr
eun
vra
a ;
a=fnto( {
ucin)
vrb vr;
a , a1
vr =1;
a1 2
rtr b=fnto( {
eun ucin)
vrvr;
a a2
vr =2;
a2 3
vr =1;
a1 3
};
};

22. CLASSES

23. DÉFINIR UNE CLASSE
casBl
ls al
cntutr (x0 @=)-
osrco: @=, y0 >
mv:(x @)-
oe @, y >
vrBl;
a al
Bl =(ucin){
al fnto(
fnto Bl(,y {
ucin alx )
ti. =x! nl ?x:0
hsx = ul ;
ti. =y! nl ?y:0
hsy = ul ;
}
Bl.rttp.oe=fnto(,y {
alpooyemv ucinx )
ti. =x
hsx ;
ti. =y
hsy ;
};
rtr Bl;
eun al
}(;
))

24. HÉRITAGE
casOjc
ls bet
cntutr (x0 @=)-
osrco: @=, y0 >
mv:(x @)-
oe @, y >
casBl etnsOjc
ls al xed bet
cntutr (x @,@ais -
osrco: @, y rdu) >
spr@,@
ue x y
epoe -
xld: >
#d suf
o tf
bl =nwBl(
al e al)
bl.oe1,1
almv 0 0
bl.xld(
alepoe)

25. PROBLÈMES

26. WRAP
Tous les fichiers compilés sont englobés dans une fonction anonyme (par fichier)
SOLUTION
Compiler avec l'option
-n-rp
-owa
Rendre accessible les variables dans window
wno.al=casBl ..
idwBl ls al .
wno.al=Bl
idwBl al
Joindre les fichiers
-ji
-on

27. CONTEXT
Quand une fonction est appelée par un context différent
$"bl".lc -
(#al)cik >
@xld( #eru cr@rmlc pr"hs (eDMciu)
epoe) rer a epaé a ti" l O lqé
$ti)rmv( #o
(hs.eoe) k
$"bl".lc =
(#al)cik >
@xld(
epoe) #ok
$ti)rmv( #eru crti etlojc Bl
(hs.eoe) rer a hs s 'bet al
SOLUTION
A la mano :'(
_hs=@
ti
$"bl".lc -
(#al)cik >
_hsepoe)
ti.xld(
$ti)rmv(
(hs.eoe)

28. PAS DE MACROS :(
# DBG=ys
> EU e
# SA =(a1 vr)-
> WP vr, a2 >
#> tp=vr
m a1
#> vr =vr
a1 a2
#> vr =tp
a2 m
a=2
b=3
SA a b
WP ,
# i DBGi ys
> f EU s e
cnoelga b
osl.o ,
# es
> le
$"upt)hm ":#a,b #b"
(otu".tl a {} : {}
#Ae DBGi ys
vc EU s e #Ae DBGi n
vc EU s o
a=2 ; a=2 ;
b=3 ; b=3 ;
tp=a
m ; tp=a
m ;
a=b ; a=b ;
b=tpm; b=tpm;
cnoelga b;
osl.o(, ) $"upt)hm(a "+a+" b"+b;
(otu".tl": , : )

29. EQUIVALENT À COFFEESCRIPT
TypeScript (Microsoft)
Sweetjs (Mozilla)
Dart (Google)
LIENS UTILES
http://js2coffee.org/
http://coffeescript.org/
https://github.com/jashkenas/coffee­script

30. ANTHONY ESTEBE
“
DÉVELOPPEUR WEB FREELANCE
twitter: @antho1404
skype: antho1404
github: antho1404
site: http://anthonyestebe.com
”