RailsCasts Pro episodes are now free!

Learn more or hide this

Applied Filters: jquery x
Sortable Lists (revised)
Episode #147 – Oct 13, 2011 – 131 comments

Sortable Lists (revised)

Here I show how to use jQuery UI to make a sortable list and a "sort" action to handle the updating. Top it off with acts_as_list to make it feature complete. (6 minutes)
Auto-Complete Association (revised)
Episode #102 – Nov 10, 2011 – 76 comments

Auto-Complete Association (revised)

A select menu is often used for setting a belongs_to association, but you should also consider using a text field with autocomple. Here I use jQuery UI and show two different solutions: client side and server side. (9 minutes)
Nested Model Form (revised)
Episode #196 – Apr 19, 2012 – 228 comments

Nested Model Form (revised)

Handling multiple models in a single form is easy with accepts_nested_attributes_for. Here you will also learn how to add and remove nested records through JavaScript. (11 minutes)
Facebook Authentication
Episode #360 – Jun 25, 2012 – 196 comments

Facebook Authentication

This will show how to create a new facebook application and configure it. Then add some authentication with the omniauth-facebook gem and top it off with a client-side authentication using the JavaScript SDK. (12 minutes)
Token Fields
Episode #258 – Mar 21, 2011 – 118 comments

Token Fields

With the jQuery Tokeninput plugin it is easy to add an autocompleting list of entries for a many-to-many association. (11 minutes)
Polling for Changes (revised)
Episode #229 – Jan 14, 2013 – 92 comments

Polling for Changes (revised)

Polling may not be as common today as pushing changes over an open socket, however it is still an effective, simple solution if you do not need instantaneous updates. (10 minutes)
Charts & Graphs (revised)
Episode #223 – Sep 15, 2012 – 116 comments

Charts & Graphs (revised)

If you have a lot of data, consider adding a graph to provide an overview of it. Here I show how to use Morris.js to chart an Order model and visualize trends in the data. (12 minutes)
Testing JavaScript with Jasmine
Episode #261 – Apr 11, 2011 – 44 comments

Testing JavaScript with Jasmine

Are you testing your JavaScript? Learn how to add specs using Jasmine. This episode also covers jQuery integration with jasmine-jquery. (15 minutes)
Turbolinks
Episode #390 – Nov 05, 2012 – 114 comments

Turbolinks

Turbolinks can make your Rails app feel faster by using JavaScript to replace the page content when clicking a link. It will be default in new Rails 4.0 applications, but here I show how to use it in Rails 3 and mention some of the gotchas. (7 minutes)
Autocomplete Search Terms
Episode #399 – Dec 31, 2012 – 90 comments

Autocomplete Search Terms

Learn how to add autocompletion to a search form and improve performance using Rack middleware, caching and switching from SQL to Redis. (17 minutes)