Buenas prácticas con Angular.js

Tips, tricks y buenas prácticas que cualquier desarrollador que planee crear aplicaciones robustas con Angular.js

Transcript

1. H O L A ! ¡
2. @ A l e v a r d i A m e t A l v i r d e
4. B u e n a s p r á c t i c a s c o n A n g u l a r . j s
5. H o y h a b l a r e m o s s o b r e : - B a t a r a n g - ¿ S e r v i c i o o c o n t r o l a d o r ? - n g - c l o a k - n g - o p t i o n s - ¿ n g - m o d e l o n g - b i n d ? - M o d e l o . p r o p i e d a d - $ i n j e c t - C o n t r o l a d o r e s c o m p a c t o s
6. $ i n j e c t
7. C o n s t r u í m o s l a m e j o r a p p d e l a w e b . . . $ i n j e c t
8. $ i n j e c t m i n i f i c a m o s . . .
9. : (
10. $ i n j e c t ( S o l u c i ó n A n g u l a r j s . o r g )
11. $ i n j e c t ( S o l u c i ó n p r e f e r i d a )
12. $ i n j e c t m i n i f i c a m o s . . .
13. : )
14. B a t a r a n g
16. B a t a r a n g
17. B a t a r a n g ( D e p e n d e n c i a d e s e r v i c i o s ) * P a r a u t i l i z a r B a t a r a n g , e s n e c e s a r i o m o n t a r l a a p p e n u n s e r v e r , a u n q u e s e a l o c a l .
18. n g - c l o a k
19. n g - c l o a k
20. n g - o p t i o n s
21. n g - o p t i o n s
22. n g - o p t i o n s
23. ¿ n g - m o d e l o n g - b i n d ?
24. ¿ n g - m o d e l o n g - b i n d ? n g - b i n d = r e a d - o n l y ( d e s d e l a v i s t a ) n g - m o d e l = c u a n d o s e u s e e l f a m o s o “ t w o w a y d a t a b i n d i g n g ”
25. m o d e l o . p r o p i e d a d
26. m o d e l o . p r o p i e d a d Y e s ! p l e a s e , d o n ’ t .
27. C o n t r o l a d o r e s c o m p a c t o s
28. C o n t r o l a d o r e s c o m p a c t o s R e g l a : U n c o n t r o l a d o r p o r a c t i v i d a d .
29. ¿ S e r v i c i o o c o n t r o l a d o r ?
30. ¿ S e r v i c i o o c o n t r o l a d o r ? R : S i l a f u n c i ó n e s e s p e c í f i c a y a i s l a d a , c o n t r o l a d o r , s i c o m p a r t i r á i n f o r m a c i ó n c o n o t r o s m ó d u l o s , s e r v i c i o .
31. ¡ G R A C I A S !