js tooling in rails 3.1

JavaScript ToolingIn Rails 3.1

And how you should be doing it...

Saturday, November 12, 2011

@dudadornelles


9f09aeb8273177fc2d09ebdafcc76ee8eb56fe33


http://jashkenas.github.com/coffee-script/

http://gastronomous.files.wordpress.com/2010/03/img_6226.jpg




math = root: Math.sqrt square: square cube: (x) -> x * square x

math = { root: Math.sqrt, square: square, cube: function(x) { return x * square(x); }};


+ .JS =


Insert broken build picture here


class Ninja constructor: (@numOfShurikens) ->

throwShuriken: -> @numOfShurikens--

class Ronin extends Ninja

constructor: (numOfShurikens) -> super numOfShurikens+1 #ronins know to carry a spare


Debugging... :(


http://getsprockets.org




.JS

.JS .JS

.JS .JS

.JS

.JSYour entire application


.task_controller.js.coffee

#= require taskwindow.MyApp = window.MyApp || {}Task = window.MyApp.Task

class TaskController create: (description) -> Task.save(new Task(description))

.task.js.coffee

window.MyApp = window.MyApp || {}

class Task constructor: (@description) -> @save: (task) -> ...

window.MyApp.Task = Task


+


.coffee

.coffee .coffee

.coffee .coffee

.coffee

.coffee


.coffee

.coffee .coffee

.coffee .coffee

.coffee

.coffee

Single Class


.coffee

.coffee .coffee

.coffee .coffee

.coffee

.coffeeDOM Interactions

Domain/Business Logic


COWBOY?


http://pivotal.github.com/jasmine/Saturday, November 12, 2011

http://pivotal.github.com/jasmine/

http://pivotal.github.com/jasmine/

describe 'Math', -> describe 'fib', -> it 'should calculate the numbers correctly up to fib(16)', -> fib = [0, 1, 1, 2, 3, 5, 8, 13] expect(Math.fib(i)).toEqual fib[i] for i in [0..7]

describe 'Math' do describe 'fib' do it 'should calculate the numbers correctly up to fib(16)' fib = [0, 1, 1, 2, 3, 5, 8, 13] (0..7).map { |n| Math.fib(n) }.should == fib end endend


.coffee

.coffee .coffee

.coffee .coffee

.coffee




.coffee

.coffee .coffee

.coffee .coffee

.coffee



spec spec

specspec

spec

spec


.coffee

.coffee .coffee

.coffee .coffee

.coffee



spec spec

specspec

spec

spec

?


TDD


Standard?


+

=

?

+


https://github.com/bradphelan/jasminerice

https://github.com/pivotal/jasmine/tree/1.2.rc1

https://gist.github.com/673967 - Guard














https://gist.github.com/673967

https://gist.github.com/673967

+


Thanks! :)


js tooling in rails 3.1

Entertainment & Humor

coffee window

coffee spec specspec

task window

description task

task class taskcontroller

class task constructor

dom interactions

n math