Theming

Building a Simple Decoupled Front-End for Drupal 7

This page is archived

We're keeping this page up as a courtesy to folks who may need to refer to old instructions. We don't plan to update this page.

Alternate resources

Sprout Video

In this tutorial we'll begin building our simple Javascript blog application. Starting with Bootstrap templates, we'll use a Javascript implementation of the Twig template language to make our blog dynamic. In the course of doing so, we'll learn about Cross Origin Resource Sharing (or CORS). We will also begin to identify some common implementation patterns in our Javascript, and start to refactor our code to improve its organization.

Self-check challenge: Create another sidebar block in our blog that pulls data from Open Weather Map to display the current temperature in your city.

Additional resources

Bootstrap
Twig
Open Weather Map