Ember Templates

Talk from October 10, 2013 Boston Ember.js Meetup at Dock Yard
Handlebars, Ember.HandleBars, Emblem, templated bindings and handlebars helpers.

Patrick Holloway is a full stack Ember.js and Ruby on Rails developer at PatientsLikeMe.
@digitalpixelpro

Transcript

1. > >> > > Ember Template s 1 They are A+ number one! Thursday, October 10, 13
2. > >> > > Handlebars 2 Thursday, October 10, 13
3. > >> > > 3 Thursday, October 10, 13
4. > >> > > Handlbars.compile 4 Thursday, October 10, 13
5. > >> > > 5 Thursday, October 10, 13
6. > >> > > Handlbars.helpers.if 6 Thursday, October 10, 13
7. > >> > > Handlbars.helpers.each 7 Thursday, October 10, 13
8. > >> > > Handlbars.helpers.with 8 Thursday, October 10, 13
9. > >> > > Ember.Handlebars 9 Thursday, October 10, 13
10. > >> > > Em.Handlebars.helpers 10 each template partial yield loc input textarea link-to linkTo outlet render action boolToReadable dateformat formatNumber helperMissing _triageMustache bind boundIf with if unless bind-attr bindAttr view collection unbound log debugger Thursday, October 10, 13
11. > >> > > 11 Thursday, October 10, 13
12. > >> > > Best helper name ever 12 Thursday, October 10, 13
13. > >> > > Em.Handlebars >> managing context 13 Thursday, October 10, 13
14. > >> > > 14 Thursday, October 10, 13
15. > >> > > Ember.run Updating Template Bindings 15 Thursday, October 10, 13
16. > >> > > 16 Thursday, October 10, 13
17. > >> > > Writing custom helpers 17 Thursday, October 10, 13
18. > >> > > 18 Thursday, October 10, 13
19. > >> > > Emblem 19 Thursday, October 10, 13
20. > >> > > Emblem -indentation based -tags and helpers take priority 20 Thursday, October 10, 13
21. > >> > > 21 yes! Thursday, October 10, 13
22. > >> > > 22 Thursday, October 10, 13
23. > >> > > Live Code Demo. Yikes! 23 Thursday, October 10, 13
24. > >> > > {{patrick recommends}} 24 Thursday, October 10, 13
25. > >> > > Ember Inspector 25 Can’t remember your pathname or how you are supposed to name that deeply nested controller? Having trouble recalling what that view’s poorly named template is? No problem! Thursday, October 10, 13
26. > >> > > 26 Em === Ember Em.inspect && Em.keys <-- oh yes App.__container__.lookup Em.View.views['ember605'] Em.keys(Em.TEMPLATES).forEach(function(t){console.log(t)}) Inspect something! Thursday, October 10, 13
27. > >> > > Read the source code! 27 Thursday, October 10, 13