Viewing posts tagged JavaScript

Updated React and Drupal Tutorials Now Online

We've done a major overhaul of our React and Drupal tutorials--updating, rewriting, refactoring, and testing all tutorials in the series. It's a great time to learn how to integrate React in a Drupal site!

Release Day: Getting Started with React and Drupal

We're excited to announce a new series, Getting Started with React and Drupal: 15 tutorials covering everything you need to know in order to get started using React on your current Drupal project.

Learn All About Using React with Drupal

The interest in creating decoupled/headless/API-first Drupal sites has been growing for a while. As the interest grows, and more sites are implementing this architecture, there is a growing list of articles and discussions about it. Drupal is a great backend for these kinds of sites, and React is the most popular JavaScript framework being used for frontends. While Drupal and React are both well-established technologies with a wealth of documentation, the interaction between the two, and best practices around that interaction, are still developing. We've pulled together the best resources we can find on a new site, React for Drupal.

Release Day: JavaScript in Drupal 8

We're happy to announce the addition of several JavaScript-related tutorials to our Drupal 8 Theming guide. These tutorials, along with our other tutorials on defining defining and attaching asset libraries will help you understand Drupal's JavaScript API and help you make sure your custom code follows the established best practices.

Release Day: Explore JavaScript Libraries in Drupal Core

Today I'm happy to say we've added three more tutorial to our theme guide that expand on JavaScript Libraries in Drupal. We now have tutorials that provide some orientation and basic exposure to Modernizr.js, Underscore.js, and Backbone.js and how to use them in a theme or module.

Release Day: Our Drupal 8 Theming Guide

Today, we're super excited to publish our Drupal 8 Theming guide, a collection of tutorials that will teach you everything you need to know to create amazing Drupal 8 themes. We've put hundreds of hours into researching, digesting and understanding the Drupal 8 theme system. We've poured over the existing documentation and helped to update it whenever we could. We've read the code that makes it all possible, we've dissected core and contributed themes, and talked with front-end developers at Lullabot about their experiences, in order to learn about best practices and unique challenges. And then we boiled it all down into the ultimate Drupal 8 theming guide.

Release Day: Decoupled Drupal

Today we released a new series, Decoupled Drupal. This series walks through the basic considerations and planning that goes into deciding whether or not a decoupled approach is right for you.

Release Day: Integrate Node.js with Drupal

In this series, I will show you how to integrate Node.js with Drupal using the Node.js Integration module.

At its core, the Node.js Integration module provides an API that other modules can use to add real time capabilities to Drupal. We will cover all but one of the submodules available in the Node.js Integration module, as well as the set up and configuration of the Node.js application that ships with the Node.js Integration module.

Backbone.js and Underscore.js in Drupal 8

The Drupal 8 development cycle has definitely been a long one. There are several exciting features on the way, but the improvements to the authoring experience in Drupal 8 have definitely drawn a lot of attention. (I know Amber is clamoring for in-place editing for this blog.) The Spark project is the home to much of this work. Several new core modules that contribute to these improvements (Contextual, Quickedit, Toolbar, CKEditor and to a lesser extent, Tour) leverage a pair of popular javascript libraries Backbone.js and Underscore.js.

Both Backbone.js, and its dependency Underscore.js were committed to Drupal 8 two years ago! Let's take a quick look at both Backbone.js and Underscore.js, how they're used in core, and how you might be able to use them to simplify some javascript for your site.

Using A Remote Debugger With CasperJS and PhantomJS

Earlier this year, my colleague wrote about how we've started using CasperJS at Lullabot to perform regression testing. I didn't have much chance to dig into it until recently, when we decided to implement some tests for Drupalize.Me. So far, I'm really enjoying CasperJS—except when something in my test simply doesn't work, and I spend hours asking CasperJS to take screenshots using console.log(), trying to discover what's happening. Fed up with this process, I wanted a debugger...