RailsCasts Pro episodes are now free!

Learn more or hide this

Applied Filters: jquery xViews x
jQuery File Upload
Episode #381Sep 21, 2012167 comments

jQuery File Upload

Here you will learn how to upload multiple files over ajax using jQuery File Upload. I start with the basic functionality and customize it to fit the user interface. (13 minutes)
jQuery & Ajax (revised)
Episode #136Sep 28, 2012146 comments

jQuery & Ajax (revised)

Here I go back to the basics and show how to turn a traditional Rails app into one that interacts through Ajax by adding "remote" options, JavaScript templates and a dabble of jQuery. (14 minutes)
Uploading to Amazon S3
Episode #383Sep 26, 2012182 comments

Uploading to Amazon S3

Here I show how to upload files directly to Amazon S3 using CarrierWave Direct and Fog. I then walk through another project which uses jQuery File Upload to handle multiple files and does not use CarrierWave. (14 minutes)
Calendars (revised)
Episode #213Aug 10, 2012127 comments

Calendars (revised)

Learn how to add a calendar to your Rails app. Whether it be a date picker using jQuery UI or a full page calendar for browsing records, I will show you how to do it in this episode. (9 minutes)
DataTables
Episode #340Apr 11, 2012173 comments

DataTables

DataTables makes it easy to convert a plain HTML table into one with pagination, sorting, and searching - all done with JavaScript and jQuery. Here I show how to set this up and use a Rails application as the data source. (9 minutes)
jQuery
Episode #136Nov 17, 2008114 comments

jQuery

How do you use jQuery with Rails? In this episode I redo episode #43 using jQuery instead of Prototype/RJS. (9 minutes)
Sortable Lists (revised)
Episode #147Oct 13, 2011131 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)
Nested Model Form (revised)
Episode #196Apr 19, 2012228 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)
Charts & Graphs (revised)
Episode #223Sep 15, 2012116 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)
Nested Model Form Part 2
Episode #197Jan 18, 2010215 comments

Nested Model Form Part 2

Add and remove nested model fields dynamically through JavaScript using either Prototype or jQuery. (12 minutes)