Embeddable Javascript Widgets with Rails

Learn how to build embeddable Javascript widgets using Ruby on Rails as the backend. You'll learn how to build embed codes and render widgets on the page that talk to your Rails API.

Start Series

20m

6 Lessons | 1h 41m | Intermediate

20m

Embeddable Javascript Comments Widget Models - Part 1

Nov 14, 2018 Pro

Starting our Embeddable JS Widget series outlining the comment and discussion models and the basic webpacker setup

15m

Using Vuex with a Rails Backend

Nov 29, 2018 Pro

The next step in our embeddable javascript widget series is setting up our Vue frontend to talk with our Rails backend using Vuex

19m

Using Vuex with Forms in Rails

Dec 04, 2018 Pro

Embeddable Javascript Widgets often contain forms. We're using Vuex to build our comment form widget and we're going to use vue-map-fields to make this easier.

10m

Cross-origin Resource Sharing (CORS) with Rails

Dec 12, 2018 Pro

Cross-origin Resource Sharing (CORS) allows your website to talk to other websites.

21m

Restricting Javascript Widgets to Registered Sites

Dec 20, 2018 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

14m

Webpacker Javascript Embed Code Snippet & Scoped Styles

Dec 26, 2018 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.

Learning Ruby on Rails? Join our newsletter.

We won't send you spam. Unsubscribe at any time.

Rails for Beginners

Advanced Ruby: Behind the Magic

Payments with Rails Master Class

Refactoring Rails

Learn Hotwire

Install and Deploy Rails Guides

Hatchbox.io

Jumpstart Rails SaaS Template

Remote Ruby Podcast

GoRails Open Source

Rails Hackathon

Beginner Bounties

Ruby on Rails Job Board