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

Ember.js – Why Should You Spend Your Time On It? Alex Opak

Embed Size (px)

DESCRIPTION

Kiev-rb#2

Citation preview

Page 1: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Ember.js

Opak Alex https://github.com/OpakAlex

why should you spend your time on it?

Page 2: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Roundscope

2 MVC

JS MVC

Live Demo

Real project

Ember-Admin

Page 3: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Roundscope

http://roundscope.com

Page 4: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Rails Play

Dynamo Grails Spring

….

1 MVC

Page 5: Ember.js – Why Should You Spend Your Time On It? Alex Opak

2 MVC

$(function() { ………….

});

OR

Page 6: Ember.js – Why Should You Spend Your Time On It? Alex Opak

$() 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'); }});

Page 7: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Result:

Page 8: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Never use jQuery()

Never use $()

Page 9: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Ember-Couchdb-kit

http://goo.gl/nyKn7D

Ember.js + Couchdb

Page 10: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Mapidy

http://staging.mapidy.com

Page 11: Ember.js – Why Should You Spend Your Time On It? Alex Opak

Ember-Admin

https://github.com/ember-admin/ember-admin.js