31
EMBERJS Rich RoR app with in 2 minutes

Building Rich Ruby on Rails with Emberjs

Embed Size (px)

DESCRIPTION

Introduction to emberjs for Rails developer. Also, introduction to using ember-appkit-rails gem

Citation preview

Page 1: Building Rich Ruby on Rails with Emberjs

EMBERJSRich RoR app with

in 2 minutes

Page 2: Building Rich Ruby on Rails with Emberjs

@vysakh0

Vysakh Sreenivasan

submify.com

Page 3: Building Rich Ruby on Rails with Emberjs

Emberjs what is

Page 4: Building Rich Ruby on Rails with Emberjs

MVC frameworkBrowser based js 1

Page 5: Building Rich Ruby on Rails with Emberjs

but in BrowserArchitected like iOS, Android

2

that isn’t being rendered by server

Page 6: Building Rich Ruby on Rails with Emberjs

“Don’t waste time making trivial choices. Ember.js incorporates common idioms so you can focus on what makes your app

special, not reinventing the wheel.”

Convention over Configuration

3

Page 7: Building Rich Ruby on Rails with Emberjs

url - where browser beats native

Page 8: Building Rich Ruby on Rails with Emberjs

urlCore principle of Ember

should drive the design of the app

4

Page 9: Building Rich Ruby on Rails with Emberjs
Page 10: Building Rich Ruby on Rails with Emberjs

Ember community

Page 11: Building Rich Ruby on Rails with Emberjs

Yehuda Katz● Ruby on Rails, JQuery core teams

● TC39, the cross-industry group developing new JavaScript features.

● W3C’s TAG, which determines a wide range of web standards chaired by Tim Berners-Lee

Page 12: Building Rich Ruby on Rails with Emberjs

Tom DaleApple software engineer in MobileMe & iCloud applications

Evangelizes emberjs in twitter and in the internet

p.s: This is not Russel Crowe :P

Page 13: Building Rich Ruby on Rails with Emberjs

Apps & Companiesusing emberjs

Page 14: Building Rich Ruby on Rails with Emberjs

an open source app by

Page 15: Building Rich Ruby on Rails with Emberjs

Few other companieshttp://emberjs.com/ember-users/

Page 16: Building Rich Ruby on Rails with Emberjs
Page 17: Building Rich Ruby on Rails with Emberjs

Why ember?When there is my full stack

Rails

Page 18: Building Rich Ruby on Rails with Emberjs

Makes it like native apptalks to server when only needed

Page 19: Building Rich Ruby on Rails with Emberjs

More interactive, richits javascript on steroids yo!

Page 20: Building Rich Ruby on Rails with Emberjs

Next gen AppThis is how web apps will be,

should be

Page 21: Building Rich Ruby on Rails with Emberjs

Ember & Railsusing ember-appkit-rails gem

Page 22: Building Rich Ruby on Rails with Emberjs

rails new projectecho "gem 'ember-appkit-rails',

github: 'dockyard/ember-appkit-rails'" >> Gemfile

bundle installrails g ember:bootstrap

rails s

Page 23: Building Rich Ruby on Rails with Emberjs

http://localhost:3000

Page 24: Building Rich Ruby on Rails with Emberjs

echo "{{outlet}}" >> app/templates/application.hbs

rails g scaffold posts titile:string body:text --ember

rake db:migrate

Scaffold posts

Page 25: Building Rich Ruby on Rails with Emberjs

http://localhost:3000/#/posts

http://localhost:3000/#/posts/new

Page 26: Building Rich Ruby on Rails with Emberjs

Ember Appkit Rails - feels like Rails 4+ - MVC js under Rails structure - Generators - teaspoon(default) test runner for js

Page 27: Building Rich Ruby on Rails with Emberjs

It’s a shame to wait till tomorrow

Page 28: Building Rich Ruby on Rails with Emberjs

Learning resources

Page 29: Building Rich Ruby on Rails with Emberjs

emberjs.com/guidesemberwatch.com

Page 30: Building Rich Ruby on Rails with Emberjs

Stuck? Lost?

discuss.emberjs.com

stackOverflow

Page 31: Building Rich Ruby on Rails with Emberjs

bye