Ember.js 2.0

Ember.js Presentation for Front End Developers Meetup
June 25th, 2014
Javascript Framework Potpourri @brightcove

http://www.meetup.com/Boston-Frontend-Developers/events/187089302/

Transcript

1. > >> > > Ember.js All it takes is a spark to start with fire… 1
2. > >> > > What are the big ideas that the framework solves? 2 TLDR Follow conventional wisdom. Make adaptable variations. Base them on your domain and business applications.
3. > >> > > What are the big ideas that the framework solves? 3 • Ember provides a host of tools pre-assembled with a set of conventional defaults. • Nested inside are configurable elements for creating desktop style client-side javascript applications in a web browser.
4. > >> > > Why Ember over the other frameworks? —> Community <— —> Thoughtfully made It’s better and simpler than you think Solves many problems with tried and true principles of CS Great patterns for solving complex asynchronous behavior Server and web platform agnostic Tom & Yehuda & Tilde Long lived application state C3, Orbit.js, Ember CLI etc. Realtime Distributed Data and Analytics infectious positive outlook Direct extension of Ruby community of tender loving 4
5. > >> > > What are the component pieces of code? 5 Really Powerful and well built GENIUS Kind of a mess…
6. > >> > > What are the component pieces of code? 6 Really Powerful and Well Built •Object •Router •Routes •Templates •Components
7. > >> > > What are the component pieces of code? 7 Absolute genius •Metal •Run Loop •RSVP
8. > >> > > What are the component pieces of code? 8 Kind of a mess •Object •Router •Routes •Templates •Components
9. > >> > > What does the code look like? 9
10. > >> > > What does the code look like? Router 10
11. > >> > > What does the code look like? Route 11
12. > >> > > What does the code look like? Controller 12
13. > >> > > What does the code look like? Templates 13
14. > >> > > What does the code look like? Promises 14
15. > >> > > What's the best path to learn more? 15
16. > >> > > What's the best path to learn more? 16 • Code Academy • Ember conferences • API docs • Do a lightning talk or brown bag at your company • Try to build something with it • Discourse / Yapp • Dockyard • Boston Software For Good Meetup • Boston Ember Meetup @dockyard
17. > >> > > 17 Image Credits ! ! •http://blog.kw.com/wp-content/uploads/2011/10/Ignite-Flame-onWhite.png •https://www.flickr.com/photos/wonderlane/6942764800/ •http://torontoemberjs.com/img/ember-hamster.png •http://dev.billysbilling.com/blog/How-to-implement-a-tree-in-Ember-js