Drifting Ruby

Drag and Drop with Interact.js

#75 Apr 9, 2017 free

Using Interact.js to create draggable and droppable items in our view, we can use AJAX callbacks on events to interact with our Ruby on Rails application. Also, learn how to use Ruby Assets to manage our Javascript Libraries.

rails javascript assets ajax view

Importmaps in Rails 7

#312 Sep 5, 2021 free

Import maps let you import JavaScript modules using logical names that map to versioned/digested files – directly from the browser. This will be a default in the upcoming Rails 7.

javascript rails 7.0 assets

Cropping Images with JCrop

#77 Apr 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.

rails form javascript upload

Capturing Signatures with Signature Pad

#44 Aug 28, 2016 free

Using the Javascript Library, Signature Pad, learn how to capture user signatures and store them within your Ruby on Rails application.

rails javascript view

Hotwire

#275 Dec 23, 2020 free

Hotwire is the newest magic which takes a different approach to building modern web applications without using much JavaScript.

javascript rails stimulusjs

Hotwire Turbo Replacing Rails UJS

#307 Aug 1, 2021 free

In this episode, we look at some common functionality that we got with Rails UJS and what it looks like to reimplement these with Hotwire's Turbo and StimulusJS.

hotwire javascript rails stimulusjs turbo ujs

WYSIWYG Editor with Summernote

#27 May 2, 2016 free

Integrate Summernote WYSIWYG Editor into your application. Learn how to use AJAX callbacks to filestore your images instead of database Base64.

rails wysiwyg view ajax javascript

The Stimulus 2.0 Tutorial

#272 Dec 6, 2020 free

Stimulus 2.0 has been released and with it comes new features, changes and bug fixes. In this episode, we look at adding Stimulus in our application, exploring the new features, and looking at what has changed.

javascript rails stimulusjs

Client Side Validations

#32 Jun 6, 2016 free

Give early warning to users of form errors before they submit. With client side validations, the user can correct any errors prior to submitting the form.

rails view javascript

Inline Editing Records

#191 Jun 2, 2019 free

Using Rails UJS, we create an interactive row editing solution without using any kind of Javascript frameworks.

view rails javascript ujs

View

Episodes

Sort

Tags

Drag and Drop with Interact.js

Importmaps in Rails 7

Cropping Images with JCrop

Capturing Signatures with Signature Pad

Hotwire

Hotwire Turbo Replacing Rails UJS

WYSIWYG Editor with Summernote

The Stimulus 2.0 Tutorial

Client Side Validations

Inline Editing Records

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Drag and Drop with Interact.js

Importmaps in Rails 7

Cropping Images with JCrop

Capturing Signatures with Signature Pad

Hotwire

Hotwire Turbo Replacing Rails UJS

WYSIWYG Editor with Summernote

The Stimulus 2.0 Tutorial

Client Side Validations

Inline Editing Records