#408 Ember Part 1 pro

For an indented Ember-compatible alternative to Handlebars templates, you can try Emblem.js

Thanks for this, it made me happy that I went with AngularJS instead of Ember in my last project.

I think that the thing that confuses me with all of these javascript frameworks is, why use Rails at this point? I understand the difference between client side and server side frameworks, but all of these seem to be really intrusive to the Rails framework. Instead of using the application controller and returning a JS on remote: true or having the coffeescript monitor a click, we have to go through this entirely different framework to accomplish a simple task. Does anyone else feel my pain?

I have so much difficulty trying to pick which one to learn... ember, angular, or backbone....

I honestly have no idea, and each thing I read about it further makes me indecisive.

If I had to pick one at this moment, I guess I would choose angular. any thoughts?

At the risk of being self serving, you can get more info on Ember from http://www.noelrappin.com/mstwjs. Thanks!

What I'd like to see is mixing ember with some server side rendering...just to see how I could incorporate this into an existing application.

Great Railscast, Ryan (as always).

My co-worker, Tony Coconate, just posted a blog for setting up an Ember.js + Rails API application from scratch. It's a fairly easy process to get this started and he also brings in the use of the Ember Chrome Inspector for debugging:

http://www.devmynd.com/blog/2013-3-rails-ember-js

For those of you daunted by all the multiple files, routing, etc., all just to get a simple app up and running, keep in mind that if you need to put something together for prototyping, or you're having trouble keeping all the different pieces in your brain, here's a simplified JSBin of this Railscast:

http://jsbin.com/ixupad/151/edit

And if you're curious how you could use a HAML/Slim-esque templating alternative instead of Handlebars:

http://jsbin.com/ixupad/152/edit

all the frameworks have pros/cons

but heres a pretty nice article on ember

Okay, guys you want a Ember vs Angular opinion - here it is:
Angular is more general and 'address root problem that HTML was not designed for dynamic views' in a very sleek way. It's directives is awesome - if u try it once you just cant forget how beautiful they are!
But he is not ready for a big applications, imho. Just look at his nested routing solution - it doesn't have one! There is only 3rd party module in angular-ui https://github.com/angular-ui/ui-router. No surprise it's version is 0.0.1
Ember is rails-aware and and it's your friend in a middle-size applications.
My opinion that Angular is a competitor rather to Backbone than to Ember. I'll use Angular if to drop interactivity here and there and use Ember for a to have a real front-side application, but... here is the sweet part - Joosy(http://www.joosy.ws/)!
So we have solutions for small, midle, and large front-end applicatoins, isn't this wonderful? :)

Lots of comments and posts and sample apps.
Is there any sample app or post that implements user login/session?

After trying to learn Ember for the past few weeks, starting with the peep code tutorial I can say I'm just starting to "get it." And like everyone on this post I've been reading a TON about ember vs angular. But I haven't actually tried angular. Angular is backed by google! While Ember is two guys in a room, and sure other contributors. But it's the old David and Goliath, and who doesn't want to route for the underdog?

I've also noticed the advanced js programmers tend to use Ember over angular (at least the ones I know), I can only think they have good reason. And from what I can gather it's that you can do more complex things with Ember, at greater speed, once past the learning curve.

Also, I've posted some notes on Debugging EmberJS here

Yes, angularjs is great for my contacts app. But ember is better than angularjs for a whole project. Because ember has associations, rails like model, view, router, controller.

USE ANGULAR: If your project has a single model like contact.
USE EMBER: If your project has several models like railcasts.com app.

My 2 cents on Ember after watching this screencast:
- the code after refactoring to extend ArrayController looks actually pretty worse than it was before ( added magic, more lines of code, and bizarre stuff like #each controller ).
- No way in hell am i ever gonna use Ember.js. Weird setters and getters, weird routes that sets controller data, and really a lot of files to do something that looks much simpler in other frameworks. I would prefer going full JS with meteor or another Node framework or Angular.

'#each' feels a lot like ruby. e.g. array.each { |x| puts x }

Pretty sure that's by design. Made me smile when I saw that in ember.

I think it's interesting how emotional people get about frameworks, guess it's a matter of not wanting to waste your time learning something that may or may not be useful in the end. I know I've spent a lot of time learning ember, this better be the next big thing! :)

From my point of view the EmberJs is really powerfully, but apply the EmberJs inside partially client side site is super hard (for me)!

I found really nice alternative the Serenade.js. On home page examples of code with is really easy to understand. I feel that I have control over code, I can understand how it work.

Hope it will help :-)

I am follow this video and get this error

ExecJS::RuntimeError in Application#index

Showing /home/william/dev/408-ember-part-1/raffler-after/app/views/layouts/application.html.erb where line #6 raised:

node: symbol lookup error: node: undefined symbol: _ZN2v86LockerC1EPNS_7IsolateE

  (in /home/william/dev/408-ember-part-1/raffler-after/app/assets/javascripts/store.js.coffee)
Extracted source (around line #6):

3: <head>
4:   <title>Raffler</title>
5:   <%= stylesheet_link_tag    "application", :media => "all" %>
6:   <%= javascript_include_tag "application" %>
7:   <%= csrf_meta_tags %>
8: </head>
9: <body>

I tried your source, still this error, I am use openSUSE12.3 and installed nodejs, any thing else I miss?

Also don't miss the excellent sessions from EmberCamp 2013

I followed instructions to the letter and the request doesn't get routed to the handlebars file it gets routed to index.html.erb. Maybe I'm just tired but this is frustrating. Anyone know why it would route to the application/index file and not application.handlebars?

Good article: Ember vs Angular

Great Railscast, Ryan :+1:

Ember.js favors Convention over Configuration which is also a Rails approach.
Here is a good benchmark of Ember, Angular and Backbone: https://www.airpair.com/js/javascript-framework-comparison