Skip to main content

All Javascript Episodes

9:30
How to use Bootstrap with Webpack & Rails
#295 ·

Rails's webpacker gem makes it super easy to load both Bootstrap's CSS and JS into your Rails app using webpack
33 32
11:42
How to Remove Unused CSS Classes from Tailwind CSS, Boostrap, and more with PurgeCSS
#294 ·

CSS frameworks like Tailwind, Bootstrap, Foundation, etc all come with many CSS classes you probably aren't using. This creates huge CSS files unless we use a tool like PurgeCSS to look through our code and remove the unused classes.
25 8
9:38
How to install TailwindCSS 1.0 with Rails 6
#293 ·

With TailwindCSS 1.0 just around the corner and some changes in Rails 6 to Webpacker, we take a look at how to install and setup the latest version of TailwindCSS with Rails 6.0
29 8
14:34
How to use Javascript via Webpacker in Rails 6
#292 ·

Rails 6 defaults to using Webpacker for Javascript instead of the asset pipeline. We'll learn how everything is structured and laid out and see how to add Flatpickr to Rails 6 including both the Javascript and CSS for it.
47 15
20:25
@mentions for Users with ActionText in Rails 6
#288 ·

Mentioning Users with an @mention is a super common feature. Trix and ActionText are now part of Rails 6 which means we can very easily add support for tagging users with @mentions and other custom attachments in your applications.
28 12
23:39
Dynamic Nested Forms with Stimulus JS
#283 · Pro

Don't like Cocoon or it's jQuery dependency? We can use Stimulus JS and build dynamic nested forms in Rails with accepts_nested_attributes_for from scratch pretty easily!
57 25
11:01
Autosave Draft Records - Part 2
#282 · Pro

Creating draft records in your database can be tricky. We'll be using the Draftsman gem to help us create draft versions of our records with our autosave Javascript
9 0
17:20
Autosave Draft Records - Part 1
#281 · Pro

Autosaving draft records allows you to make sure users don't lose their work and can easily write draft content without publishing right away. We'll be using Stimulus to build an autosave controller for our form and Draftsman to power the backend.
24 2
14:06
Webpacker Javascript Embed Code Snippet & Scoped Styles
#277 · Pro

We can use webpacker to create scoped styles for our Javascript widget and build an embed code that links to the latest version of our webpacker JS and CSS for our embeddable widget.
18 4
21:13
Restricting Javascript Widgets to Registered Sites
#276 · Pro

We don't want anyone to be able to embed your Javascript widget on any domain, so we'll setup our app to check the domain and only allow the widget on specific sites
6 1
Filter By
All Episodes Free Episodes Pro Episodes
Sort By
Published Date Popularity
Categories
Actionable Errors ActionCable ActionMailbox ActionText ActiveRecord ActiveStorage ActiveSupport Administration Analytics APIs Authentication Authorization Background Jobs Basics Code Review Comments Concerns css CSV Debugging Deployment Design Patterns Development Email Emails Ember Errors File Uploading Fixtures Forms Frontend Gems Generators Geocoding iOS Javascript Maps Messaging Metaprogramming Middleware Mobile Models Multitenancy Notifications OAuth Open Source Pagination Payments Performance Production Rack Rails 4.2 Rails 5.0 Rails 5.1 Rails 5.2 Rails 6 Rails 6.0 React Native Refactoring Routes ruby Search Security Servers Sharing Sidekiq Testing Timezones Turbolinks Views VueJS Webhooks Webpack Webpacker

Subscribe to the newsletter

Join 27,623+ developers who get early access to new screencasts, articles, guides, updates, and more.

    By clicking this button, you agree to the GoRails Terms of Service and Privacy Policy.

    More of a social being? We're also on Twitter and YouTube.