Introducing Ember.js

Transcript

1. Introducing Ember.js Zohar Arad. February 2012 zohar@zohararad.com
2. Slim and sizzling Javascript Framework
3. Ember is an OVS framework. OVS stands for Object-View-Something Its roots originate from SproutCore It uses Handlebars template engine Hello Ember
4. Ember introduces several core concepts: 1. Flexible, observable, extensible objects 2. No routing mechanism 3. Unified App namespace 4. No explicit Models and Controllers Hello Ember
5. Why this shift you might ask? A unified Object mechanism breaks the conventional MVC paradigm. We are not forced to think in terms of Models and Controllers We can plan our app more flexibly Hello Ember
6. Ember App
7. Create classes by extending Embed.Object Instantiate by calling MyClass.create Reopen class to add more functionality Create sub-classes by calling MyClass.extend Ember Objects
8. Ember Objects support Calculated properties Bound properties Property change events Ember Objects
9. Ember Objects
10. Ember Objects
11. Ember Views
12. Ember Views support Partial Views Bound properties DOM Events binding Custom helpers courtesy of Handlebars Ember Views
13. Pros Excellent flexibility thanks to Object abstraction Convenient component binding and syncing Great Enumerable utils Flexible and extensive template engine Strong team (Yehuda Katz) and origins (SC) Ember Impressions
14. Cons jQuery-dependent Documentation is still immature Handlebars uses <script> based templates No routing (coming....) Changes native Javascript array Ember Impressions
15. Will I use it for my next project? Probably not just now (still not ready).... jQuery dependency and Handlebars are too limiting in my opinion Documentation is still lacking..... But.... you should definitely give it a try! Ember Impressions
16. I thought about doing a Todo App And about an Odot app (Todo in reverse) Finally, I made a Bookmarking app Ember Demo
17. Check out this video on Ember Ember Video