SLIDE 1
J a v a s c r i p t f
- r
b a c k e n d d e v e l
- p
e r s
T h é
- d
- r
e ' n
- d
_ ' B i a d a l a
A s s u m p t i
- n
J a v a s c r i p t f o r b a c k e n d d e v - - PowerPoint PPT Presentation
J a v a s c r i p t f o r b a c k e n d d e v - - PowerPoint PPT Presentation
J a v a s c r i p t f o r b a c k e n d d e v e l o p e r s T h o d o r e ' n o d _ ' B i a d a l a A s s u m p t i o n s B a c k e n d o w l B a c k e n d o w l i
SLIDE 2
SLIDE 3
B a c k e n d
- w
l B a c k e n d
- w
l i s i n i s i n C
- n
t r
- l
C
- n
t r
- l
SLIDE 4
F r
- n
t e n d F l a m i n g
- F
r
- n
t e n d F l a m i n g
- r
u n f r
- m
r u n f r
- m
C h a
- s
C h a
- s
SLIDE 5
Y
- u
s
- r
t
- f
c a r e a b
- u
t f r
- n
t e n d Y
- u
s
- r
t
- f
w
- r
r y a b
- u
t p e r f
- r
m a n c e Y
- u
j u s t w a n t t h i n g t
- w
- r
k
SLIDE 6
J a v a s c r i p t L a n d s c a p e J a v a s c r i p t L a n d s c a p e
SLIDE 7
H a r m
- n
y H a r m
- n
y
S u g a r S y n t a x « C l a s s e s » M
- d
u l e s
SLIDE 8
A n d r
- i
d
SLIDE 9
SLIDE 10
SLIDE 11
B BI IN NG GO O
SLIDE 12
A M D C
- m
m
- n
J S
U U g g l l i i f f y y J J S S U U g g l l i i f f y y J J S S
Isomorphic
SLIDE 13
P i t f a l l s P i t f a l l s
V a r i a b l e s c
- p
e T y p e s C a l l b a c k h e l l « A s s
- c
i a t i v e a r r a y s »
'use strict' ;
SLIDE 14
B e h a v i
- r
s B e h a v i
- r
s
Drupal.behaviors.initializeFlamingo = { attach : function (context, settings) { }, detach : function (context, settings, trigger) {} } ;
SLIDE 15
context (after ajax call) context (page load)
SLIDE 16
O n c e O n c e
// In the attach function. var $burgers = $(context).find('.burger') ; // Salt to my burger(s). $burgers.each(saltThisBurger) ; // Don't add salt at every ajax request ! $burgers.once('salt').each(saltThisBurger) ;
SLIDE 17
- nce
SLIDE 18
- nce
SLIDE 19
P e r f
- r
m a n c e w
- l
v e s P e r f
- r
m a n c e w
- l
v e s
SLIDE 20
J a v a s c r i p t p e r f
- r
m a n c e , D
- n
' t w
- r
r y
SLIDE 21
D O M P e r f
- r
m a n c e D O M P e r f
- r
m a n c e
SLIDE 22
R e p a i n t R e p a i n t & & R e f l
- w
R e f l
- w
SLIDE 23
W
- l
f
- r
e s i s t a n t T
- l
s W
- l
f
- r
e s i s t a n t T
- l
s
SLIDE 24
Q u e s t i
- n
s ?
T h é
- d
- r
e B I A D A L A @ n
- d
_ t h e
- d
- r
e @ b i a d a l a . n e t
SLIDE 25
T h e p r
- b
l e m w i t h A n g u l a r T h e p r
- b