Rails 3.1 Beta – Sprockets, CoffeeScript, and JQuery – A Teach Me To Code Tutorial

by woody2shoes on May 7, 2011

 

Ruby on Rails 3.1 is moving to use Sprockets to compile CoffeeScript into JavaScript and include JQuery in it’s JavaScript by default.

This is a quick demo of how it all hangs together to manage your JavaScript in Rails 3.1.

Download 65.7 MB
Download (iPod & iPhone) 41.4 MB

Tagged as: coffeescript, edge rails, framework, javascript, jquery, rails, Ruby on Rails, sprockets, web

  • Pingback: Rails 3.1 Beta – Sprockets, CoffeeScript, and JQuery – A Teach Me … » WB Tips

  • Oliverkuhn

    hey… nice tut… dont understand the link at 8:33 :-(

  • Oliverkuhn

    hey… nice tut… dont understand the link at 8:33 :-(

  • Dok Nabaku Cohen Katz

    Nice, but and what about the delicious clone? That’s a great tut too.

    • http://teachmetocode.com Charles Max Wood

      I definitely plan on working on that one some more. I wanted to get some of the CoffeeScript stuff in since people were concerned about it. I’ll have to pick up some other things with that tutorial again.

  • Dok Nabaku Cohen Katz

    Nice, but and what about the delicious clone? That’s a great tut too.

    • http://teachmetocode.com Charles Max Wood

      I definitely plan on working on that one some more. I wanted to get some of the CoffeeScript stuff in since people were concerned about it. I’ll have to pick up some other things with that tutorial again.

  • Anonymous

    Thank you Charles, nice intro to Rails 3.1

    • http://teachmetocode.com Charles Max Wood

      You’re very welcome. Anything else I can cover that you’re interested in?

  • Anonymous

    Thank you Charles, nice intro to Rails 3.1

    • http://teachmetocode.com Charles Max Wood

      You’re very welcome. Anything else I can cover that you’re interested in?

  • http://dhorrigan.com Dan Horrigan

    One of the worst Rails screencasts I have seen.  Lots of dead air, generally sound like you have no idea what you are talking about.

    By the way, there is no need to do $(document).ready().  You can just do this:

    $ ->
      if controller is “contacts”
        $(‘h1′).css ‘background’, ‘yellow’

    Much simpler.

  • Pingback: Charles tut | 557w12th

Previous post:

Next post: