Knock out the Drupal Themer: Pure HTML front-ends with Knockout.js

Prerequisites: To benefit from this session, you need only to understand HTML, and Creating Content Types and Views with Drupal.

This session will provide a technical over and demonstration of a technique for creating pure HTML front-ends for Drupal managed content using Knockout JS, Backbone, and JSON data.

We'll walk through:

  • Setting up back end data with the RestWS and Views Data Source modules.
  • KnockoutJS, BackboneJS, and Knockback, the library that blissfully marries the two.
  • Adding the necessary attributes to your HTML mark-up to insert your dynamic content.
  • How to compile pages with Drush to optionally include PHP output.
  • Workflow recommendations including file layout in source control and automated compilation.

 

The presentation notes/slides are published here (& attached below):

https://docs.google.com/presentation/d/1JkieAkkLWg6q7EGEC8XgIS7eVU89zSr0QT-eGWXH0Xg/pub?start=false&loop=false&delayms=60000

 

Github repo for the step-by-step walk-through:

https://github.com/matt2000/drupal-knockback-example

Files

AttachmentSize
Pure HTML Front-Ends w AJAX.pdf61.24 KB
Saturday, Oct 26th
4:00pm - 4:45pm

Speaker(s)

Skill Level