Taller de Introducción a Ember.JS

Slides en baja resolución (~12MB) del taller de introducción a Ember.JS presentado en codemotion 2014.

Transcript

1. MADRID · NOV 21-22 · 2014 Introducción a Ember Sergio Arbeo {Back,Front}-end developer at codecantor @Serabe
2. MADRID · NOV 21-22 · 2014 Ember
3. MADRID · NOV 21-22 · 2014 Ember •  Convention over Configuration •  Stability without Stagnation •  Uses ES6 modules •  6 week release cycle (Chrome-style) •  Ember-CLI •  Tomster
4. MADRID · NOV 21-22 · 2014 Overview •  Routes are the entry points for your app. •  Models are in charge of persistance/raw data. •  Controllers contain logic. •  Views will not exist. •  Templates are HTML + Handlebars
5. MADRID · NOV 21-22 · 2014
6. MADRID · NOV 21-22 · 2014
7. MADRID · NOV 21-22 · 2014
8. MADRID · NOV 21-22 · 2014 Log your users in!
9. MADRID · NOV 21-22 · 2014 ember g route index
10. MADRID · NOV 21-22 · 2014
11. MADRID · NOV 21-22 · 2014
12. MADRID · NOV 21-22 · 2014
13. MADRID · NOV 21-22 · 2014
14. MADRID · NOV 21-22 · 2014
15. MADRID · NOV 21-22 · 2014 ember g route login
16. MADRID · NOV 21-22 · 2014
17. MADRID · NOV 21-22 · 2014
18. MADRID · NOV 21-22 · 2014 ember g controller auth
19. MADRID · NOV 21-22 · 2014
20. MADRID · NOV 21-22 · 2014
21. MADRID · NOV 21-22 · 2014
22. MADRID · NOV 21-22 · 2014 ember server
23. MADRID · NOV 21-22 · 2014 http://localhost:4200/
24. MADRID · NOV 21-22 · 2014
25. MADRID · NOV 21-22 · 2014 ember g model user
26. MADRID · NOV 21-22 · 2014
27. MADRID · NOV 21-22 · 2014
28. MADRID · NOV 21-22 · 2014
29. MADRID · NOV 21-22 · 2014 Using LocalStorage
30. MADRID · NOV 21-22 · 2014 Persistence   DS.Models know nothing about persistence.   DS.Adapters do.
31. MADRID · NOV 21-22 · 2014 ember g adapter user
32. MADRID · NOV 21-22 · 2014
33. MADRID · NOV 21-22 · 2014
34. MADRID · NOV 21-22 · 2014
35. MADRID · NOV 21-22 · 2014 The Road so Far •  Routes and transition •  Controller •  The router •  Templates •  Model and attributes •  Adapter
36. MADRID · NOV 21-22 · 2014 Let’s add some logic
37. MADRID · NOV 21-22 · 2014
38. MADRID · NOV 21-22 · 2014
39. MADRID · NOV 21-22 · 2014
40. MADRID · NOV 21-22 · 2014
41. MADRID · NOV 21-22 · 2014
42. MADRID · NOV 21-22 · 2014 Conventions rule
43. MADRID · NOV 21-22 · 2014
44. MADRID · NOV 21-22 · 2014
45. MADRID · NOV 21-22 · 2014
46. MADRID · NOV 21-22 · 2014
47. MADRID · NOV 21-22 · 2014
48. MADRID · NOV 21-22 · 2014
49. MADRID · NOV 21-22 · 2014
50. MADRID · NOV 21-22 · 2014
51. MADRID · NOV 21-22 · 2014
52. MADRID · NOV 21-22 · 2014 ?
53. MADRID · NOV 21-22 · 2014
54. MADRID · NOV 21-22 · 2014
55. MADRID · NOV 21-22 · 2014
56. MADRID · NOV 21-22 · 2014
57. MADRID · NOV 21-22 · 2014
58. MADRID · NOV 21-22 · 2014
59. MADRID · NOV 21-22 · 2014 Auth Controller
60. MADRID · NOV 21-22 · 2014 Auth Controller
61. MADRID · NOV 21-22 · 2014 Auth Controller
62. MADRID · NOV 21-22 · 2014 Auth Controller
63. MADRID · NOV 21-22 · 2014 Auth Controller
64. MADRID · NOV 21-22 · 2014 Auth Controller
65. MADRID · NOV 21-22 · 2014 Auth Controller
66. MADRID · NOV 21-22 · 2014
67. MADRID · NOV 21-22 · 2014
68. MADRID · NOV 21-22 · 2014
69. MADRID · NOV 21-22 · 2014
70. MADRID · NOV 21-22 · 2014
71. MADRID · NOV 21-22 · 2014
72. MADRID · NOV 21-22 · 2014 Change the id of the created user
73. MADRID · NOV 21-22 · 2014 ember g route zones
74. MADRID · NOV 21-22 · 2014 ember g controller zones
75. MADRID · NOV 21-22 · 2014
76. MADRID · NOV 21-22 · 2014 How do we get the user model?
77. MADRID · NOV 21-22 · 2014
78. MADRID · NOV 21-22 · 2014
79. MADRID · NOV 21-22 · 2014 Getting data from a REST API
80. MADRID · NOV 21-22 · 2014 ember g model zone
81. MADRID · NOV 21-22 · 2014
82. MADRID · NOV 21-22 · 2014
83. MADRID · NOV 21-22 · 2014
84. MADRID · NOV 21-22 · 2014
85. MADRID · NOV 21-22 · 2014
86. MADRID · NOV 21-22 · 2014
87. MADRID · NOV 21-22 · 2014
88. MADRID · NOV 21-22 · 2014 No controllerName No setupController
89. MADRID · NOV 21-22 · 2014
90. MADRID · NOV 21-22 · 2014
91. MADRID · NOV 21-22 · 2014 ember g adapter application
92. MADRID · NOV 21-22 · 2014 Why not zone?
93. MADRID · NOV 21-22 · 2014
94. MADRID · NOV 21-22 · 2014
95. MADRID · NOV 21-22 · 2014
96. MADRID · NOV 21-22 · 2014
97. MADRID · NOV 21-22 · 2014
98. MADRID · NOV 21-22 · 2014
99. MADRID · NOV 21-22 · 2014
100. MADRID · NOV 21-22 · 2014 Linking zones
101. MADRID · NOV 21-22 · 2014 ember g route zone
102. MADRID · NOV 21-22 · 2014
103. MADRID · NOV 21-22 · 2014
104. MADRID · NOV 21-22 · 2014
105. MADRID · NOV 21-22 · 2014
106. MADRID · NOV 21-22 · 2014
107. MADRID · NOV 21-22 · 2014
108. MADRID · NOV 21-22 · 2014
109. MADRID · NOV 21-22 · 2014 Relationships
110. MADRID · NOV 21-22 · 2014
111. MADRID · NOV 21-22 · 2014
112. MADRID · NOV 21-22 · 2014
113. MADRID · NOV 21-22 · 2014
114. MADRID · NOV 21-22 · 2014
115. MADRID · NOV 21-22 · 2014
116. MADRID · NOV 21-22 · 2014
117. MADRID · NOV 21-22 · 2014
118. MADRID · NOV 21-22 · 2014
119. MADRID · NOV 21-22 · 2014 Side loading!
120. MADRID · NOV 21-22 · 2014
121. MADRID · NOV 21-22 · 2014
122. MADRID · NOV 21-22 · 2014
123. MADRID · NOV 21-22 · 2014
124. MADRID · NOV 21-22 · 2014
125. MADRID · NOV 21-22 · 2014
126. MADRID · NOV 21-22 · 2014
127. MADRID · NOV 21-22 · 2014 Keeping it apart with components
128. MADRID · NOV 21-22 · 2014
129. MADRID · NOV 21-22 · 2014
130. MADRID · NOV 21-22 · 2014 ember g component zones-list
131. MADRID · NOV 21-22 · 2014 ember g component zones-list
132. MADRID · NOV 21-22 · 2014
133. MADRID · NOV 21-22 · 2014
134. MADRID · NOV 21-22 · 2014
135. MADRID · NOV 21-22 · 2014
136. MADRID · NOV 21-22 · 2014
137. MADRID · NOV 21-22 · 2014
138. MADRID · NOV 21-22 · 2014
139. MADRID · NOV 21-22 · 2014
140. MADRID · NOV 21-22 · 2014
141. MADRID · NOV 21-22 · 2014
142. MADRID · NOV 21-22 · 2014
143. MADRID · NOV 21-22 · 2014
144. MADRID · NOV 21-22 · 2014
145. MADRID · NOV 21-22 · 2014
146. MADRID · NOV 21-22 · 2014
147. MADRID · NOV 21-22 · 2014 The Road Ahead •  Mixins, to reuse code. •  Transforms, to {,de}serialize custom field types. •  Utils, for sharing fns in Ember-CLI. •  Ember-CLI add-ons, reusable libraries. •  Helpers, fns in Handlebars.
148. MADRID · NOV 21-22 · 2014 The Road to Be Built •  Ember 2.0, Stability without Stagnation •  HTMLBars •  Engines •  Routable components •  Better binding with streams •  Better component syntax and encapsulation
149. MADRID · NOV 21-22 · 2014 Questions?
150. MADRID · NOV 21-22 · 2014 Thank you! @Serabe sergio@codecantor.com