Ember.js Resources
by Tom Dale
I come across a lot of really interesting links related to Ember.js, but often don’t have anywhere useful to put them, or don’t really know how to describe the thread that holds them all together. So here is my linkdump post, which I will update as I remember things, that contains useful stuff for Ember developers.
Ember.js Todos
Sample todo application. Particularly useful for its heavily-commented Assetfile. Great starting point if you’d like to know how to use Rake::Pipeline together with Ember.
SproutCore MVC vs. Rails MVC
Written back in the SproutCore 2.0 days, Greg Moeck’s seminal post describes how, despite the same name, Rails’ concept of MVC differs radically from MVC systems like SproutCore, Ember.js, and Cocoa.
Ember Skeleton
Boilerplate for starting a new Ember.js project, using Rake::Pipeline to assemble and serve your files.
Beginning Ember.js on Rails
Dan Gebhart’s three-part tutorial, which eases you gently into using Ember.js with a Rails backend. Resources are loaded with Ember REST, and assets are managed with Rails’ asset pipeline.
Using SproutCore 2.0 with jQuery UI
Yehuda’s article on using jQuery UI with what was then SproutCore 2.0. Note that, if following along with the code samples, there are a few changes that you will need to make that are pointed out in the comments at the bottom. While useful specifically for people wanting to use jQuery UI, the article is more broadly useful as it serves as a template for anyone who wants to write a bridge between Ember.js and non-bindings-aware JavaScript libraries.
More soon…
As I’ve been looking into how to integrate Ember.js in our current stack, I’ve been saving some links on the topic.
Here is a couple more for your list:
1) To see Ember.js live, check out Travis CI (http://travis-ci.org/). The cool thing is that it’s open source on github (https://github.com/travis-ci/travis-ci/tree/master/app/assets/javascripts)
2) If you need to translate your app, Zendesk open sourced their i18n helper (https://github.com/zendesk/ember-i18n)
Cheers
Another good one (but slightly out of date – using SC2.0 and Strobe API): the new twitter client from @ebryn at https://github.com/ebryn/newtwitter
Awesome.
I just came to check this out after watching the Lunch Talk at Carbon Five (http://vimeo.com/36992934).
I’ve been hearing about Ember.js all over the place and how fantastic it is, but couldn’t find any solid tutorials or resources on how to get started. I’m looking forward to diving in. Hopefully I’ll learn to swim.
Tom – thanks for linking to my Ember.js on Rails series.
I also just posted “Understanding Ember.Object” (http://www.cerebris.com/blog/2012/03/06/understanding-ember-object/). To get the most out of Ember, I think it’s key to thoroughly understand its object model. And unlike most frameworks, the deeper I dig into Ember, the more I appreciate it
Ember.js is spectacular. But it would be nice not to focus too much on Rails, Rake, Rake::Pipeline, Spade and all those techs for projects targeted at newcomers. It adds a layer of complexity. If you want to make newbies task easier, get rid of everything external in the examples so that tutorial project don’t have any other dependencies than Ember.
Then, you can create dedicated branches that show how to use Ember with Rake::Pipeline or Spade for people interested in these techs.
Personally, I don’t use Ruby and never heard of Rake::Pipeline before, but I’d very much like to learn Ember and later use it with Nginx OpenResty and Lua.
With Yehuda’s help, I updated the “Using SproutCore 2.0 with jQuery UI” post and sample code to use Ember. You can find it at http://www.lukemelia.com/blog/archives/2012/03/10/using-ember-js-with-jquery-ui/
I’m a relative newcomer to MVC frameworks in general and new to Ember as well. I wrote an article helping people get started using Ember. Very basic, but useful.
http://andymatthews.net/read/2012/03/07/Getting-Started-With-EmberJS
Come across recently:
http://jzajpt.github.com/ember-bootstrap/ A set of UI elements styled using Twitter Boostrap toolkit to use with Ember.js
https://github.com/evome/ember-bootstrap same as above..
https://github.com/thomasboyt/Ember-Bootstrap ember with grunt.js
https://github.com/charlesjolley/ember-brunch brunch.io integration
AMD + Ember: * https://github.com/ud3323/bpm/wiki/Using-BPM-with-Ember * https://bitbucket.org/cprecourt/ember-requirejs-example/src
http://ember-docs.herokuapp.com/ for docs
(Surely this will be flagged for spam…)
Also I would love to see a twitter/tumblr that is maintaining a stream of new ember resources. Right now everyone is piecing it together themselves.
http://codebrief.com/ has 4 excellent posts on ember recently
And plenty of activity at SO: http://stackoverflow.com/questions/tagged/emberjs?sort=votes
Adobe released an article on DevNet about Ember.js
http://adobe.com/devnet/html5/articles/flame-on-a-beginners-guide-to-emberjs.html
Web App Code Lab has a good resource for Ember.js: http://petelepage.com/webapp-codelab
I’m a .Net developer and I’m trying to learn Ember on my own. I’ve created a project in GitHub if anyone is interested in contributing/help so (me and) other people can benefit from it, here’s the link https://github.com/MilkyWayJoe/ember-router-with-webapi