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.

20 minutes

Series Info

Videos

Length

1 hour and 41 minutes

Difficulty

Intermediate

Videos

20 minutes

Embeddable Javascript Comments Widget Models - Part 1

#271 · Nov 14, 2018 Pro

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

15 minutes

Using Vuex with a Rails Backend

#273 · 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

19 minutes

Using Vuex with Forms in Rails

#274 · 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.

10 minutes

Cross-origin Resource Sharing (CORS) with Rails

#275 · Dec 12, 2018 Pro

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

21 minutes

Restricting Javascript Widgets to Registered Sites

#276 · 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

14 minutes

Webpacker Javascript Embed Code Snippet & Scoped Styles

#277 · 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.

Courses

Rails for Beginners

Advanced Ruby: Behind the Magic

Payments with Rails Master Class

Refactoring Rails

Apps

Hatchbox.io

Jumpstart Rails SaaS Template

Other

Remote Ruby Podcast

Rails Hackathon

Beginner Bounties

Ruby on Rails Job Board

Embeddable Javascript Widgets with Rails

Series Info

Videos

Embeddable Javascript Comments Widget Models - Part 1

#271 · Nov 14, 2018 Pro

Using Vuex with a Rails Backend

#273 · Nov 29, 2018 Pro

Using Vuex with Forms in Rails

#274 · Dec 04, 2018 Pro

Cross-origin Resource Sharing (CORS) with Rails

#275 · Dec 12, 2018 Pro

Restricting Javascript Widgets to Registered Sites

#276 · Dec 20, 2018 Pro

Webpacker Javascript Embed Code Snippet & Scoped Styles

#277 · Dec 26, 2018 Pro

Solutions

Support

Company

Legal