Episodes

Extending the Rails Core Form Builder

Episode #187 5-12-2019 pro

In this episode, we build a custom form builder to extend and add functionality our forms to display errors inline with the form inputs.

Nested Forms from Scratch with StimulusJS

Episode #186 5-5-2019 free

Using StimulusJS controllers, adding nested forms to a Rails application is easy and unobtrusive. In this episode, we look at an alternative way of creating nested forms without the Cocoon gem.

Multistep Form with Wicked

Episode #137 6-10-2018 pro

Wicked can help by turning a controller into a series of multiple steps. In this episode, we interact with Devise to provide wizard after the user has registered.

Dynamic Select Fields

Episode #133 5-13-2018 pro

Making one select field dependent on another and automatically update based on the previous selection can be a tricky task. In this episode, we look an a rather unobtrusive way to handle this for many scenarios.

Autocomplete with HTML Results

Episode #83 6-4-2017 free

Working with an autocomplete can be very simple. However, things get complicated when you try to use HTML markup in the displayed results. Learn how to use HTML markup within your autocomplete results!

Cropping Images with JCrop

Episode #77 4-23-2017 free

Extend your image upload functionality with JCrop. Learn to redirect the user to a crop page once they have uploaded their image and save versions of the cropped images.

Javascript Select Form Fields with Chosen

Episode #76 4-16-2017 free

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Learn how to use Chosen in a few different ways in this episode; Rails form builder and Simple Form.

Nested Forms with Cocoon

Episode #71 3-12-2017 free

Using the unobtrusive gem, Cocoon, learn how to handle multiple models in a single form with accepts_nested_attributes_for.

Nested Forms from Scratch

Episode #70 3-5-2017 free

Learn how to handle multiple models in a single form with accepts_nested_attributes_for and learn how to add and remove nested records through JavaScript.

Invisible Captcha

Episode #10 8-2-2015 free

Part of a good User Experience is making your application easy to use for your users. However, a few bad apples often cause a hinderance to your UX/UI by the addition of Captchas. Learn how to create invisible captchas to protect your forms while delivering a good UX.