Ruby on Rails Screencast Tutorials | GoRails

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.

11

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

3

Cross-origin Resource Sharing (CORS) with Rails

Dec 12, 2018 Pro

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

2

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.

2

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

1

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

7

Vue.js Trello Clone in Rails - Part 8

Jan 15, 2018 Pro

Adding Vuex as our Data Store gives us the ability to add realtime updates to our trello clone across browsers using ActionCable

24

Vue.js Trello Clone in Rails - Part 7

Jan 08, 2018 Pro

In this episode, we add card component, editing of cards, and the ability to create new lists

12

Vue.js Trello Clone in Rails - Part 6

Jan 02, 2018 Pro

Refactoring our trello clone into sub-components and introducing a global datastore to really clean up our code

0

Rails & Vue.js Trello Clone - Part 4

Dec 19, 2017 Pro

This episode we handle drag and drop of cards in their own column and also between columns in our boards

11

Rails & Vue.js Trello Clone - Part 3

Dec 12, 2017 Pro

Implement the Vue.Draggable plugin to add drag and drop support to our Vue.js application and sync the changes to the server

9

Rails & Vue.js Trello Clone - Part 2

Dec 05, 2017 Pro

Adding new cards to our Vue app, persisting them in Rails, and re-rendering our UI

21

VueJS JWT Auth with Rails APIs and LocalStorage

Jan 24, 2017 Pro

Build a basic VueJS frontend application that authenticates to the server using JWT, Rails API, and LocalStorage

21

Filter By

All Episodes Free Episodes Pro Episodes

Sort By

Published Date Popularity

Categories

ActionCable ActionMailbox ActionText ActiveJob ActiveModel ActiveRecord ActiveStorage ActiveSupport Administration APIs Authentication Authorization Background Jobs Basics Caching Code Organization Code Review Comments Complete App Concerns Controllers CSS CSV Debugging Deployment Design Patterns Development Docker Emails Ember Errors File Uploading Fixtures Forms Frontend Gems Generators Geocoding Helpers Hotwire Internationalization iOS Javascript Maps Messaging Metaprogramming Middleware Mobile Models Multitenancy Notifications OAuth Open Source Pagination Payments Performance Production Rack rails Rails 4.2 Rails 5.0 Rails 5.1 Rails 5.2 Rails 6 Rails 7 Rails 7.1 Rails 7.2 Rails 8 Rails 8.0 Rails Engines React Native Refactoring Routes Ruby Ruby Refactoring Search Security Servers Sharing SQL Testing Timezones Turbo Turbolinks Upgrading Views VueJS Webhooks Webpacker