Vue.js and Drupal - An Awesome Combo For Building Rich Client Experiences In Drupal

Tracks: 
Coding and Development
Audience experience level: 
Intermediate
Speaker: 
Karl Kedrovsky

Building Drupal sites that contain rich client side behavior can seem like a daunting and complicated task, but it doesn't have to be. In this session we'll cover integrating Vue.js and Drupal and see how straight forward it can be to add this kind of functionality in a clean, maintainable, and easy to understand way.

The presentation will be in two parts:

  1. A basic overview of Vue.js concepts, and why it's a great choice for Drupal sites.
  2. An example and demonstration of how you can use Vue.js to add rich client functionality to a Drupal site and still leverage all the power of the Drupal theme system.

The goal is for folks to come away from the presentation with enough of an understanding of Vue.js and how to integrate it into Drupal to have the confidence to know that they would be able to use it on their next project. While I've marked this as an "intermediate" session if you have any experience with basic Drupal theming and have used jQuery for more than 10 minutes you should have no trouble with anything presented.

Warning: The links below to the two demo sites contain the code used during the presentation. However, I haven't tested them to make sure I have everything checked in, etc. Hopefully I'll have time to do that Real Soon Now but for now your mileage may vary...