Ambitious Ember Application

My talk in JSFoo 2014

Transcript

1. Image Credit: http:/ /jamiebikies.github.io/packaging-ember-libs/images/ember.png Building Real Ambitious Applications using Ember, CouchDB and Lucene
2. Kaushik Bhat Fullstack @ Artoo ! @kaushikb9
3. Problem Ember - Framework for building “Ambitious” Applications. How?
4. To-Do App - ‘Hello World’ of the MVC World is this enough?
5. and then there are… All Rocking it with Ember!!
6. How about a more human intermediate example?
7. Our Credibility? 613 Coffee Files 225 Models 108 Routes 187 Controllers 147 Templates 5 Adapters & 2 Serializers ! Image Credit: http:/ /static.minutewith.com/img/couchdb.png | http:/ /img.scoop.it/60POAMcoOs1QpSs9vvthV4XXXL4j3HpexhjNOf_P3YmryPKwJ94QGRtDb3Sbc6KY http:/ /blogs.encamina.com/returnvalue/wp-content/uploads/sites/7 /2014/05/nodejs_logo.png
8. Important Elements Modules Backed by Data Custom Views (Unit) Testing
9. Demo ! (… it may be NSFW)
10. Ember-CLI The coolest thing to happen to Ember since… !
11. Assets Compilation
12. Modules ES6 Module Transpiler Tomorrow’s ES6 syntax Today
13. apps and addons app-1 • controllers • routers • templates addons • components • adapters • magic-library app-2 • controllers • routers • templates • components Modules
14. Demo Modules Data - CouchDB App Addons
15. What we have embedded JSON ! ! ! ! { "_id": "a0Pdnwz", "caption": "To the guy who posted that he lost 15 Kg in two weeks, go see a doctor", "images": [ { "type": "normal", "link": "http://img-9gag-lol.9cache.com/photo/a0Pdnwz_460s_v1.jpg" }, { "type": "large", "link": "http://img-9gag-lol.9cache.com/photo/a0Pdnwz_700b_v1.jpg" } ], "link": "http://9gag.com/gag/a0Pdnwz", "votes": { "count": 2328 } }
16. What Ember wants sideloaded JSON { "_id": "a0Pdnwz", "caption": "To the guy who posted that he lost 15 Kg in two weeks, go see a doctor", "images": [ { "id": 101, "type": "normal", "link": "http://img-9gag-lol.9cache.com/photo/a0Pdnwz_460s_v1.jpg" }, { "id": 102, "type": "large", "link": "http://img-9gag-lol.9cache.com/photo/a0Pdnwz_700b_v1.jpg" } ], "link": "http://9gag.com/gag/a0Pdnwz", "votes": { "id": 201, "count": 2328 } }
18. Custom Adapters and Serializers Image Credit: http:/ /en.wikipedia.org/wiki/PlayStation_3_accessories
19. Components Twitter Typeahead as a Component
20. Testing Unit Testing is your best friend. Plain, simple and fast.
21. Questions github.com/kaushikb9/JSFoo2014
22. Thank You!