Kiev-rb#2

1. Ember.js
why should you spend your time on it?
Opak Alex
https://github.com/OpakAlex

2. Roundscope
2 MVC
JS MVC
Live Demo
Real project
Ember-Admin

3. Roundscope
http://roundscope.com

4. 1 MVC
Rails
Play
Dynamo
Grails
Spring
….

5. $(function() {
………….
});
OR
2 MVC

6. $()
var relX,
docw,
isMouseDown,
arrow = $('.selector .arrow'),
daily = $('.selector-container .daily'),
weekly = $('.selector-container .weekly'),
monthly = $('.selector-container .monthly'),
weeklyLabels = $('.bottom-labels .weekly span'),
!
monthlyLabels = $('.bottom-labels .monthly span');
$(arrow).on('mousedown', function(e){
var srcX = $(this).offset().left;
docw = $('body').width();
relX = e.pageX - srcX + 345;
isMouseDown = true;
});
!
$(document).on('mousemove',function(e){
if(isMouseDown) {
var maxX = $('.selector').width() - 25;
var mouseX = e.pageX;
var diffX = mouseX - relX;
if(diffX < 0) diffX = 0;
!
!
}});
if(diffX > maxX) diffX = maxX;
$(arrow).css('left', (diffX)+'px').text('');
$('.bottom-labels span').removeClass('active');

7. Result:

8. Never use jQuery()
Never use $()

9. Ember-Couchdb-kit
Ember.js + Couchdb
http://goo.gl/nyKn7D

10. Mapidy
http://staging.mapidy.com

11. Ember-Admin
https://github.com/ember-admin/ember-admin.js