Drupal 7 Development Core Concepts > How to Work With JavaScript and jQuery

An overview of JavaScript utilities included in core Drupal

It looks like you should have access to this video, so here's a couple of things that you can check:

Try refreshing the page. It's possible that you have been logged out and need to log back in again
Try clearing your browsers cache. Sometimes a browser will cache a video before you have access to it, but cache clearing will fix the problem.
Try visiting this page after clearing your cache. Do you see the video? If not, then there is probably a firewall blocking access to videos. You may need to find another network to connect to to view the videos.

Let's see if we can get this figured out.

Are you a member or a newsletter subscriber already? If so, make sure you're logged in.
Are you a member and logged in? If so, try clearing your browser cache. Next, see if you can watch this video. If you don't see the video, then there is probably a firewall blocking video file access, and you'll need to try a different network.
Some links give temporary access to certain videos and may have expired. If this is the case, you'll see a message above mentioning the expiration.
If none of the above work, then the problem is likely that you're trying to watch a video that is only accessible to members. You can get a membership for at little as $23 / month. See here for pricing info.

If nothing seems to work and you think you should have access, please contact us. Thanks!

Over 660 Drupal Videos and Training!

146 FREE Drupal videos, and 521 more available as downloads, DVDs or with a membership.

How can our video library help you?

With over 660 and 55 hours of focused, clear Drupal videos and effective Drupal training, there's something for every skill level. Click the link that would best describe you and we'll help you out:

Easy to watch. Quick to play. Short and sweet. On the go.

Show just this collection

10h 59m, 212 videos in collection

Build Your First Drupal 7 Web Site

In this collection, we take you through the process of building a fully function Drupal 7 web site, step by step. No prior Drupal experience is required, and when you're done you will have learned the most import components of Drupal site building and will have developed the skills to tackle unanticipated problems as they arise.

25m

Series Overview and Quickly Installing Drupal 7

4:37 Introduction to the "Build Your first Drupal 7 Web Site" collection

7:24 A quick tour of the web site and video player tools

1:47 A brief overview of resources for quickly installing Drupal

6:20 How to install Drupal like a desktop application on a Mac

5:30 How to install Drupal like a desktop application in Windows

34m

Introduction to Our Project and Reviewing Mockups

3:15 Introduction

2:23 Review of the resources sent by the client

3:11 Review of the home page mockup

4:26 Review of the calendar, contact us and guide page mockups

0:45 Recap of files in our client resource pack

4:44 How to map a mockup to existing Drupal elements

3:03 How to use the administration menu and breadcrumbs to get around

4:32 Overview of the Appearance page, how theme settings work and how to upload a new logo

2:02 How to hide the site name in the header

4:02 How to work around the disappearing logo bug

1:50 Chapter review and challenges for the "Introduction to Our Project and Reviewing Mockups" chapter

35m

How to Create and Edit Content

2:16 What this chapter covers and how to change the site name

6:31How to add a new page and overview of settings on the "add content" form

2:19What "node" means and how the notifications area works

3:14How to edit a piece of content

3:09How to set the default home page

4:16How to add content as a menu item and how weight works

1:44How URL aliases work

1:47Finishing adding the About Us page

1:15How to change the position of a menu item with weight

5:06Review of the Contact Us form mockup and how the Module listing page works

1:14How to find a core module that you need and enable it

2:09Chapter review and challenges for the "How to Create and Edit Content" chapter

38m

How to Work With Menus, Modules and Webform

3:57 How to work with the menu listing page

1:24How to work with the menu "list links" page

4:07How to enable, edit and move a menu item

1:40How menu sorting impacts menu item weight

4:53How to find help and configure the Contact module

2:41How to disable and uninstall a module

4:32How to use the Update Manager module to install a module

2:53How to set up the initial webform container

6:01How to add an input to a webform, overview of component types and input options

4:01Adding an email input and how machine names and tokens work

1:54Chapter review and challenges for the "How to Work With Menus, Modules and Webform" chapter

41m

How to Work With Content Types and Fields

4:04Finishing up the contact us webform

3:29How to create a single item checkbox (sign up for newsletter) with Webform

2:24Testing our contact form as logged in and logged out users (anonymous and authenticated)

6:28How to view webform submissions and set up e-mail templates

2:02How content types work

3:46How to disable "published by" information and a review of the content type edit form

4:05How to add a new content type

5:38How fields work and how to use the field edit form to change a field title

3:56How to add a new field to a content type

3:23Adding the rest of the fields we need for the Tour content type

2:04 Chapter review and challenges for the "How to Work With Content Types and Fields" chapter

37m

How to Work With Pathauto and Introduction to Views

3:06 Previewing our "add tour" form and introduction to the Pathauto module

3:49How to install module dependencies

4:27How to change automated URL alias settings for a content type with Pathauto

1:14How to find a piece of content that doesn't have a menu item

4:28How to update URL aliases after a pattern change with Pathauto

2:00How to work with shortcuts in the shortcut bar

5:28What the Views module is for and how to install it

1:32A deeper explanation of the Views module and the view listing page

3:56Filling out the "add view" wizard

5:59Overview of the "add view" settings page and how a view "display" works

1:55Chapter review and challenges for the "How to Work With Pathauto and Introduction to Views" chapter

32m

How to Add Fields to a View and Work With the Date Module

3:05How to add a new field to a view

3:31How to set the label, wrap HTML and set default text for a field in a view

2:57How to rewrite the output of a field to include other fields

1:39How to edit a view from the view display

2:22Adding our remaining view fields in quick succession

3:22How to adjust the sort order of content in a view

4:53How to deal with module installation errors and install the Date module

4:58How to add and configure a date field

4:05How to work with the pop up calendar and extend the year range

1:53 Chapter review and challenges for the "How to Add Fields to a View and Work With the Date Module" chapter

36m

How to Fix Broken Views and Work With Taxonomy

1:17How to delete a field from a content type

4:30How to deal with broken views handlers and restore unsaved view changes

3:52How to modify date formats both globally and in a view

2:42How to sort view fields and fix broken sort handlers

5:00How to change view menu settings and add a header

4:41How to add a date-based filter to a view

1:53How to delete a piece of content and modify multiple pieces of content at the same time

3:17Reviewing our guide data and adding another content type

1:02 A brief explanation of taxonomy

2:11How to add a taxonomy vocabulary with terms

3:44How to add a taxonomy term reference field to a content type

2:06Chapter review and challenges for the "How to Fix Broken Views and Work With Taxonomy" chapter

35m

How to use Term and Node Reference Fields

4:53Updating the guide automatic alias pattern and adding the guide data

5:41How to share a field between two content types and why you would want to

3:39Updating our calendar view to use a new field

1:31Overview of the multiple ways to link a Views field to other related content

2:38Overview of development (dev) versions of modules and installing the References module

3:27Adding a node reference field and updating our content

3:06Updating our calendar view to use the new node reference field

4:08How to add an autocomplete (free tagging) field to a content type

2:16How to use an autocomplete field

2:02Quickly removing a field and updating our view to use a different field

2:08Chapter review and challenges for "How to Use Term and Node Reference Fields" chapter

10.

31m

How to Work With Blocks and Permissions

2:00A comparison of our current site to the mockups

4:30 What blocks and regions are, and how to use the blocks administration page

2:01How to hide the user login and "Powered by Drupal" blocks

3:40How to add a "log in" menu item to the user menu

2:04How to enable a menu block and hide a block title

1:28How to hide the secondary menu (user menu)

5:20What permissions are and how to modify them

4:40How to configure search and how cron runs work

2:22How to add a new user

1:58How roles work and how to add a new role

1:43Chapter review and challenges for "How to Work With Blocks and Permissions" chapter

11.

31m

Overview of Permissions and Text Formats

1:24 Review of how roles and permissions work

1:15What each permission does, from the Block to Menu modules

5:44What each Node or content-related permission does

2:52What each permission does, from the Path to System modules

3:37What each permission does, from the Taxonomy to Views modules

2:56What each Webform permission does, and a review of our Guide role

1:49Different methods for testing the site as another user

3:36How to use the Masquerade module to act like another user

2:28Adding a piece of content as a Guide

4:00 How text formats work

1:34Chapter review and challenges for "Overview of Permissions and Text Formats" chapter

12.

34m

Configuring Text Formats and Setting Up a Wysiwyg

3:58 Review of the text format settings page and how filters work

1:34How to re-order text format filters and why order matters

2:54How to configure text format filters

2:11How to add a new text format

3:58How to configure permissions for text formats

2:05What Wysiwygs are and how to install the Wysiwyg module

1:03The problems with Wysiwygs and possible alternatives

2:39How libraries work

2:38How to install the TinyMCE library for the Wysiwyg module

3:05How the Wysiwyg "Basic settings" and "Buttons and Plugins" options work

3:20How the Wysiwyg "Editor appearance" and "Cleanup and output" options work

3:13How the Wysiwyg "CSS" settings work and our Wysiwyg in action

1:57Chapter review and challenges for "Configuring Text Formats and Setting Up a Wysiwyg" chapter

13.

33m

Working With Custom Blocks and Image Styles

3:43 How to add a custom block

2:41The difference between "URL" and "path" and how to use a "Show on specific pages" input

2:08How to modify the visibility settings for a block

0:50Seeing our new block in action

4:33How to deal with shared field conflicts (unlimited vs. limited values)

6:15How to add and configure an image field

1:48Previewing the display of our image field

1:38How to hide a field label on a node display page

3:26What image styles are and a review of existing image styles

3:16How image style effects work and how to add a new image style

1:45How to link up an image style with an image field

1:50Chapter review and challenges for "Working With Custom Blocks and Image Styles" chapter

14.

34m

How to Work With CSS

3:24 A recap of what we have covered so far, and what is to come

1:35How to change the order of fields on the node display page

1:10How to install Firebug in the Firefox browser

2:37How to use Firebug to inspect any element

3:38How to manipulate CSS with firebug

4:00How to find a good selector and apply styles to a specific element

3:29 How to rapidly experiment with CSS in Firebug

3:30How to install the CSS Injector module and find most module configuration pages

4:16How to add a custom CSS stylesheet to certain pages based on path with CSS Injector

1:53How to use Firebug to learn more about what an element is

2:36How to hide breadcrumbs (or any other element) using CSS

1:52Chapter review and challenges for "How to Work With CSS" chapter

15.

34m

Troubleshooting Module Installation and Configuration

3:24Updating other guide nodes and using alt and title attributes for an image field

2:07Review of what we need to complete our template

2:10How to install the Media module

3:22How to find a module dependency when it is not its own module project

2:46Where to find information about a newly installed module

1:41How managed and unmanaged files work, and the benefits of using the Media module

3:32How to upload an image with the Media module and use it as a background

4:54What to do when CSS changes aren't being applied

3:17What to do when you get a fatal error and how to clear all caches

3:57How to search for an error in Google and tips for reading a long issue

1:42The difference between module development versions and official releases

2:04 Chapter review and challenges for the "Troubleshooting Module Installation and Configuration" chapter

16.

33m

Updating Modules and Manipulating CSS

2:27 How to check for module updates from your site

3:36How to update a module with the Update Manager

1:31How and why to clear Drupal's caches

4:10How to update a module manually

3:43How to fix our issue by reading the module help page

1:36Summary of the steps we took to fix module errors

3:10How to insure image URLs work on a remote server

3:30How to remove the background color of main menu tabs

5:41What to do about disappearing CSS properties in Firebug

2:12How to change the font size of the main menu items

2:19Chapter review and challenges for the "Updating Modules and Manipulating CSS" chapter

17.

32m

More CSS Updates and Troubleshooting Text Formats

6:12How to adjust CSS in the footer using Firebug for testing

3:03Adding and troubleshooting our footer CSS changes with CSS Injector

1:47Finishing up our footer margin changes

4:45How to add a repeating background image to the footer

3:30Adding a new user with a new role

2:23Giving our new user permission to add, edit and delete pages

2:17How to fix "This field has been disabled because you do not have sufficient permissions to edit it"

2:58How content and text formats are related, and how to deal with placeholder text

3:37 How to integrate the Media module with a WYSIWYG

2:14Chapter review and challenges for the "More CSS Updates and Troubleshooting Text Formats" chapter

18.

31m

How to Evaluate Modules and Install IMCE

4:32How to turn the Media browser Wysiwyg plugin on

2:47How to troubleshoot permissions issues with a module

2:33How to find solutions on Drupal.org by using Google and reading comments first

4:28How to assess the health of a module by reviewing the module project page

3:21How to learn more about what a module does by reading the module project page

2:21Viewing a demo of IMCE and installing the IMCE module

1:58Overview of the IMCE main configuration page

4:31How an IMCE profile configuration works

1:27Comparing two IMCE configurations

1:38How to set up a new IMCE configuration profile

1:52 Chapter review and challenges for the "How to Evaluate Modules and Install IMCE" chapter

19.

44m

How to configure IMCE and Wrap Up Our Project

4:59How to associate IMCE profiles with user roles and upload an image

5:04How to embed an image in a Wysiwyg with IMCE

4:10Why styles sometimes display properly in a Wysiwyg but not when viewing the content

1:56Overview of two solutions to the Wysiwyg style inconsistency issue

2:57Overview of how to set up a Wysiwyg to use a drop-down selector for CSS classes

3:05How to configure the styles available in the Wysiwyg

0:57How to add a class to an element in a Wysiwyg with the "font style" plugin

1:18How to add easy-to-read aliases for class names in a Wysiwyg

3:20How to troubleshoot line break or paragraph problems in the Wysiwyg

1:36Comparing our home page to the mockup

4:10How to set a custom 404 "page not found" error page and navigate up paths

1:38Adding a missing piece of content

4:10 Why it's a good idea to review all the settings when creating a piece of content

1:44Chapter review and challenges for the "How to Configure IMCE and Wrap Up Our Project" chapter

3:37Congratulations

Show just this collection

2h 57m, 47 videos in collection

PHP Programming Basics

This collection is currently being released, more videos are added weekly! Click here to learn more.

In this collection, we walk you through everything you need to know to build rich PHP applications and work with PHP code in Drupal. These videos are designed to bridge the gap between Drupal site builders and programmers. We guide you gently through the basics of PHP, and work our way into building more and more complicate scripts. In our final example we build a custom CMS, which will help you understand the architecture of Drupal while flexing your new PHP skills in a practical way.

25m

Series Introduction and Your First PHP Script

3:02 Welcome to PHP Programming Basics

5:14 What programming is and tips for following along

1:59 Overview of the AMP stack (Apache, MySQL, and PHP)

2:20 How to install Acquia Dev Desktop on a Mac

2:42 How to install Acquia Dev Desktop on Windows

2:55 How to import a default Drupal site on Dev Desktop

4:06 Setting up our example folder and creating our first web page

3:41 Creating our first PHP script and the structure of a simple PHP statement

45m

Working With Strings and Variables in PHP

1:46 What an IDE is and the benefits of using one

2:12How to work with white space and comments

4:41How to work with strings

2:44How to use a variable

7:04How to work with string, number and boolean variables

5:56 How to identify and fix common syntax errors

2:49How a PHP function is structured and how to use strstr()

3:03How to use the string functions nl2br(), trim() and strlen()

1:38Practical uses for strstr(), nl2br(), trim() and strlen()

3:39How to use additional string functions like str_replace() and strip_tags()

3:03How to use the date() function to display a readable date

6:01How to read a PHP.net function page

1:21String function challenges

31m

How to Work With Arrays in PHP

5:39 How to work with simple arrays and use var_dump()

4:12How to work with associative arrays

8:09 How to work with multi-dimensional arrays

7:44How to use array functions like asort(), array_pop() and array_rand()

4:52How to work with array-like objects

1:19Array function challenges

40m

Logic, Control Structures and Looping

1:30What logic is and how we're approaching learning it

3:32 How to use an "if" control structure

4:35How to use an "if ... elseif" control structure

6:08Incorporating what we know about arrays and control structures in a random generator script

5:51Adding additional elements of randomness to our random generator script

3:36 How to use a "foreach" loop

6:43How to use a foreach loop to generate an HTML table from an array

4:37How to use a "while" loop

1:00How to use a "for" loop and how it compares to "while"

2:36How to modify PHP settings with the php.ini file and stop runaway scripts

33m

Creating Custom Functions and Working With External Data

1:13 Why separating data from logic is important

6:12How to use include() and include_once()

1:55Moving our data into a user-friendly text file

3:54How to use an output buffer to store data from an external file as a string

5:34How to create a parser that converts a comma-separated string (CSV) into an array

3:09 How and why to create a simple custom function

1:35How to create a function that accepts parameters

4:05How to create a function that has optional parameters and build a virtual dice roller

1:46A deeper explanation of the purpose of custom functions

4:14How to work with references in a function (i.e. variables with an ampersand)

Show just this collection

12h 35m, 140 videos in collection

Drupal 7 Development Core Concepts

This series contains over 120 videos and 12 hours of content, covering the most essential aspects of Drupal development, from setting up module scaffolding to working with forms and the database to working with jQuery and JavaScript. This library is a must-have for all developers.

11m

Introduction

3:18 What is Build a Module.com?

2:08 Who are these videos for?

2:21 Tips for watching the videos

2:00 Tips for following along

2:03 How to work with videos in iTunes (and thank you!)

22m

Welcome to Module Building

6:24 Why to build a module instead of modifying source code, and how this video series works

2:58 Setting up the module folder

3:36 About the .info file

6:35 Coding the .module file

2:53 Our module recreated in 2 minutes and next steps

35m

How to Build Module Scaffolding

3:35 Setting up the .module file structure

4:06The .info file in detail

11:52The .module file in detail

7:47Adding a module settings page in an include file

5:52Adding documentation with the README file

2:31 Review and next steps for the "How to Build Module Scaffolding" chapter

1h 10m

How Hooks Work and How to Use Them

5:58 What hooks are and a demo of our final module

9:57 How hooks are invoked with module_invoke_all()

3:31How hooks are invoked with module_invoke()

5:21How hooks are invoked through custom functions

0:41Summary of hook implementations

4:57Using hook_init() to execute code on every page

2:04How to watch data change in the database

2:36How to implement hook_permission()

7:43Adding a settings page with hook_menu()

4:25Implementing scheduled events with hook_cron()

3:30Adding a block starting with hook_block_info()

5:19Adding block configuration with hook_block_configure()

10:40Displaying a block with hook_block_view() and checking permissions with user_access()

3:19 Seeing our final module in action and next steps

26m

Overview of Coding Standards

6:25 Why coding standards are useful and important

2:50 Using the Coder module to find problems

2:47Working with white space

2:16Using operators

1:25Defining functions and class constructors

1:30Working with arrays

2:08Quotes and string concatenation

2:26Writing good comments

2:28Including code files, php tags and semi-colons

2:14A few miscellaneous items

51m

Development Tips and Tricks

3:04 About the Tips module

11:18Using url() and l() to generate URLs and links

5:51Using the t() function to make text translatable

8:41Using variable_set(), variable_get() and variable_del()

13:05IDE features and comparison

6:29How to find out if your module exists already

2:46 Review and next steps for the "Development Tips and Tricks" chapter

1h 21m

How to Build and Manipulate Forms with the Form API

6:16 The benefits of using the Form API

7:25 Creating a simple form

3:33Creating an embedded form

5:31Using validation functions

2:33Creating submission functions

6:37Exploring more form elements and attributes

5:09Adding usability with the #states attribute

7:54Modifying forms with hook_form_alter()

7:33Adding autocomplete to a text input

12:44Using the #ajax attribute for dynamic form building

8:51Creating confirmation forms

7:16Creating a module settings form

1h 4m

How to Add and Manipulate Pages With the Menu System

4:42 How the menu system works

5:47A simple menu callback

9:41How to use render arrays and tabs

2:09How to use sub-tabs

2:01How to add a page without adding a menu item

5:29How to pass arguments through the path

5:02How to use placehoders to pass arguments in the middle of a path

8:13How to load objects through placeholders

4:09How to create dynamic titles with a title callback

7:53How to modify page output with hook_page_alter()

4:03How to modify menu items with hook_menu_alter()

5:22 How to use include files to improve performance and next steps

52m

How to Add to and Manipulate the Theme Layer

4:12 How the theme layer helps designers and coders work together

4:39 How to invoke a theme function

1:36A more complex example of theme_item_list()

5:14How to theme tables and the essence of theming

6:44How to implement a theme function and how the theme registry works

6:47How to create template files

7:41How to use preprocessing functions

5:41How to add CSS files in theme functions and template files

5:50How to override theme functions with hook_theme_alter()

4:15 How to override template files and next steps

10.

1h 17m

How to Work With the Database

3:31 What is the Database API

2:31 Preview of the final module

6:39Review of existing module

3:19How to use table schemas and a description of the Schema module

3:54Building a database table in an external application

6:55Setting up the install file and generating a schema with the schema module

6:48The wrong way to write queries, and restructuring the module

5:36How to write an INSERT query with the Database API

3:17The 4 big benefits of using the Database API

3:42How to write a static SELECT query with the Database API

2:28How to write a DELETE query with the Database API

9:12How to write a dynamic SELECT query and easily paginate a result set

3:20A dynamic SQL query in action

5:48Using hook_update_N() to add a new table

8:58Adding utility queries and functions for INSERT, SELECT and DELETE

1:49 Review and next steps for the "How to Work With the Database" chapter

11.

54m

How to Work With Users

2:44 What this video covers and a preview of the final module

5:00 How to modify the user settings form

11:18How to save data to an authenticated user

6:23How to modify the user page

6:21How to work with user permissions (complete)

3:33How to respond to a user login or logout

4:10How to add user bulk operations

9:14How to store anonymous user data in a cookie

4:04How to store user data in a session variable

1:45Review and next steps of the "How to Work With Users" chapter

12.

1h 23m

How to Work With Nodes

2:03 Introduction to the Node API

10:09 How to load and view a single node and create fake content

2:47How to load and view multiple nodes at once

3:13How to manipulate node data with node_save()

13:03How to add custom data to a node with hook_node_insert() and hook_node_update()

8:35How to display custom node data in forms and in the node display

5:00How to add a custom view mode

4:19How to add bulk operations

6:02How to control node-based access using hook_node_access()

7:37How to control node-based access using grants

9:27How to add a new node type with a module

3:43How to remove custom content types when a module is uninstalled

5:57How to add a custom field formatter

1:31Review and next steps for the "How to Work With Nodes" chapter

13.

2h 3m

How to Work With JavaScript and jQuery

5:59 Two major use cases for jQuery and JavaScript and what this video covers

6:51 How to include a JavaScript file on every page and intro to the jQuery object

7:08How to load JavaScript after a page is done loading

3:22How to use the dollar sign as an alias for the jQuery object

9:18How to use jQuery selectors

9:03How to manipulate content in the DOM (Document Object Model) with jQuery

6:10How to use jQuery events to add interactivity

6:14How to use effects and work with CSS in jQuery

11:22How to use Drupal behaviors to add JavaScript functionality to new content

10:58How to use drupal_add_js() to include and set the weight of JavaScript files

6:15How to use drupal_add_js() to add inline JavaScript, use the footer, and store settings

5:09How to include and define a Drupal JavaScript library

3:25How to use hook_library_alter() to see what JavaScript libraries are available

14:54How to use the Drupal Ajax library to load dynamic HTML

2:38How to dynamically load JavaScript and CSS with Ajax

2:26How to display status messages when using Ajax

3:06How to add CSS styles, classes, and JavaScript alerts through Ajax commands

7:14An overview of JavaScript utilities included in core Drupal

2:14Review and next steps of the "How to Work With JavaScript and jQuery" chapter

Show just this collection

9h 25m, 126 videos in collection

Change Management and Version Control

In this series we uncover how to use powerful tools to speed up and stabilize the Drupal development process. We begin with a thorough walk-through of Git, the version control system. After we cover how to patch modules and upgrade Drupal from one minor version to another, we demonstrate how to use the Features module to version control components of Drupal that aren't typically available to version control. Finally, we wrap up with how to integrate Drush - a powerful command line tool for Drupal - into your workflow to speed up the process of doing everything we discussed earlier in the series.

49m

Installing Git and Working on the Command Line

5:59 Welcome to "Change Management and Version Control"

7:36 How to install Git on Windows with mysygit

3:05 How to install git and SmartGit on a Mac

7:30 How to create a Git repository and add a complete Drupal site to it

7:12 Why the command line can be scary, and the benefits of conquering your fear

7:08 How to navigate file structures and stop processes on the command line

3:23 How to edit and save text files on the command line with VIM

2:51 How to use built-in help on the command line

5:00 How to create, move, copy and remove files on the command line

58m

Staging, Committing and Undoing in Git

10:53 Introduction to version control

6:31How to stage and unstage files and what staging means

2:28How to commit a file and stage multiple files

5:59Why certain files are ignored and how to add your own ignored files

3:05How to commit unstaged changes and modify staged files

4:49How to use the diff command to review modifications

3:27How to use git help

5:00How to use SmartGit to view graphical diffs and revision trees

5:52How to undo modifications to staged and unstaged files

2:17How to use the log command for viewing revision information

5:51How to undo commits

2:06Quick summary of undoing in Git

34m

Branching, Merging and Tagging in Git

3:54How to move files in Git

4:06 Introduction to branching and merging in Git

5:09How to create a new branch and navigate existing branches

5:14How to merge with and without branch history

1:31How to modify an existing commit message

0:52How to delete a branch

5:19 How to use a stash to save uncommited changes when switching branches

3:01How to apply a saved stash

2:23Quickly commiting, merging and deleting a branch

3:20How to add, remove, list and rename tags

1h 3m

Working With Remote Git Repositories

2:58 How remote central repositories work

11:05 How to create an account on GitHub and set up SSH key pair authentication

6:11How to set up a remote repository and connect to it

1:16What we'll be doing now with our remote repository

3:09How to clone our remote repository into a production environment

5:00How to push a change from dev to production with push, fetch and merge

1:33How to push a change from dev to production with push and pull

6:50How to undo commits to a remote repository

3:17How to push changes from production to dev

8:56What conflicts are and how to resolve them

3:23How to create a branch and track it remotely

6:58How to create a release with a develop-master branch system

3:01How to set up a new environment for a team member

38m

Deploying Releases, Features, and Fixes With Git

6:41 How to use a scalable Git branching model called Gitflow

1:38Summary of how to use release, hotfix and feature branches

8:37 How to create, deploy and clean up a release branch

1:26Release branch cycle summary

5:09How to create, deploy and clean up a hotfix branch

8:55How to troubleshoot pushes, pulls and conflicts with a feature branch

3:02Merging an update into a feature branch, then deploying and cleaning up

2:37Summary of lessons learned in the feature branch cycle

24m

How to Version Control the Database

5:50 Overview of database components you can add to version control

2:57Where to store version controlled assets

2:03How to set up an assets folder that is not accessible via the web

3:31How to export a database schema for version control

4:09How to export database content for version control

3:03Cleaning up our assets folder and rolling our assets into a feature branch

3:22How often should you update version controlled database dumps and why

1h 14m

How To Version Control Site Configuration With Features

9:25 Overview of a typical push cycle, with and without version control

1:50 How to download and install the Features module

10:09How to build a feature module, and how each component group works

1:47The 3 big benefits of having our components in a feature module

2:48How to revert a modification to a feature module component

3:41How to install and use the Diff module to view feature module overrides

7:44How to learn more about your feature by reviewing the code

5:33How to update a feature and review updates with Git diff

1:43How to revert a feature once changes are in code

3:08 How to deploy a feature module

2:38Overview of merging multi-user changes to the same component

3:04Pushing a feature modification and explaining unsolicited changes

8:41How to merge our feature component changes and update a feature module

4:09 How to organize features and implications of getting everything into code

2:57How to re-organize components into new features with the UI or the .info file

4:52Overview of other exportable components and enabling a copied feature module

25m

How To Manage Non-Exportable Configuration Changes

2:07Overview of using Selenium IDE to store config-building macros

7:08 How to create and modify a Selenium macro that builds a node

4:17How to export Selenium tests and creating one more test

2:36How to keep team members up to speed with manual changes using a simple list

3:39How to package several repository modifications into multiple commits

6:02How to load and play back Selenium tests to update another environment

57m

How to Override Shared Features and Modify Text

4:53 The challenges of overriding shared feature modules and some solutions

4:45How to override a box title, and how to learn about what else we can change

4:00How to override block position, and a brief overview of the Context module

2:57How to override user permissions

5:40 How to override Views options like title, ajax and number per page

4:40How to override a Views query, like changing node type or order

2:52How to override a menu item title

4:51How to override variables and how the Strongarm module works

3:44How to modify interface text and version control the overrides

5:19How to use a version controlled settings.php include to share settings

6:09How to find and override strings with dynamic content or links

7:15How to override a feature module by cloning

10.

33m

How to Upgrade Drupal and Patch Contributed Modules

8:38 How to patch a module

3:46How to upgrade a module sustainably

4:11How to prepare for a minor Drupal upgrade

7:59How to use a patch to upgrade the Drupal codebase

4:56How to upgrade the Drupal codebase the traditional way

3:42How to complete a minor upgrade

11.

37m

How to Install Drupal, Manage Features and Perform Common Tasks Using Drush

5:31 Introduction to Drush, the ultimate Drupal productivity tool

2:53 How to install Drush on a Mac

1:12How to install Drush on Windows

4:25How to use Drush status, help, clear-cache and archive-dump

2:04Overview of using Drush to speed up Features

5:44How to update, review and revert feature modules with Drush

3:44How to add new components to a feature module with the .info file and Drush

5:35 How to download and install Drupal using Drush

2:14How to download and enable a module or theme using Drush

3:58How to update Drupal core and contributed modules using Drush

12.

31m

How to Configure Drush and use Drush Make

3:59How to set up a Drush configuration file (drushrc.php) and use shell aliases

1:52How to set up a global Drush configuration file

4:35 How to use Drush aliases to simultaneously work with multiple Drupal installations

3:43How to set up a remote site alias for Drush

3:20Why building site scaffolding is tricky and how Drush Make can save you time

1:45How to install Drush Make and any Drush extension

6:27How to create and run a Drush Make file

3:27 How to generate a Drush Make file from an existing Drupal installation

2:29How to quickly generate a Drush Make file with drushmake.me

13.

37m

How to Extend Drush and Other Useful Drush Tools

3:53How to review and filter Watchdog log messages with Drush

4:43 How to add, remove and manage users with Drush

5:01How to extend Drush with PHP scripts and run arbitrary PHP on-the-fly

5:42How to pass arguments to a custom PHP script for use with the Drush php-script command

4:09How to install and use the Drush sandwich example command

4:51How the Drush example custom sandwich command works

5:20 How to create a custom Drush command

3:23How to perform SQL queries in Drush and quickly set variables

Show just this collection

8h 1m, 80 videos in collection

Drupal Theming Essentials

How to build or modify a theme in Drupal 7. We discuss various methods to modify Drupal output, how to decide which to use, and work through several practical applications of useful techniques.

1h 43m

Important Drupal Theming Concepts

3:14 Who these theming videos are for and what they do (and don't) cover

7:18 What is the difference between designing, theming and coding, and why do they overlap so much?

10:40What are all of the different ways to modify Drupal output?

3:25How to determine which method to use when modifying output

2:31A conceptual introduction to the Features module for exporting configuration options as code

4:04How to decide whether to use a module or a theme for your modifications

2:42How to decide when to use a theme function or template file

9:52How the theme registry works

5:11 How to find out where any piece of output comes from

6:05What view modes are and why you would use them

7:10How to adjust node view modes through the user interface

5:55What field formatters are and how to use them to modify field output

5:24How coding standards apply to the theme layer, and how to add comments to template files

10:53Template file coding standards and conventions

2:48How to apply CSS coding standards

4:35Theme troubleshooting and what to do when you don't see your theme output changes applied

7:31How to troubleshoot CSS problems in your theme

4:01Review of 'Important Drupal Theming Concepts' and review

1h 21m

How to Build and Modify a Drupal Theme or Sub-Theme

7:18 Overview of included themes and the themes directory, and where to put new themes

6:45How the different parts of a theme work

9:01Learning about theme structures by reviewing core Drupal themes

4:52Learning from the Zen theme file structure

2:40Learning from the Basic theme file structure

2:56 Learning from the Fusion theme file structure

2:25Learning from the Marinelli theme file structure

8:20Review of the theme .info file options

4:43 How to create a theme folder, add an info file and enable a custom theme

5:00How to add a screenshot

2:56How to add a default logo file

5:18How to override the page template with a page.tpl.php file

9:28 How to add a new region and what regions are

4:46How to add a CSS file

4:57How to add a JavaScript file

1h 12m

How to Build and Modify a Drupal Theme or Sub-Theme, Part 2

5:45How to add a new setting to the theme settings form

4:46How to set a default for a theme setting and use it in a template file

9:25How the template.php file works and a review of the Bartik theme template.php file

5:57Learning from the Garland and Seven template.php files

4:52How to add a template.php file and use a page preprocessing function

4:12 The advantages and disadvantages of using a sub-theme

5:54How to create a sub-theme

5:15 How sub-themes inherit or override base theme components

6:34How to override CSS, JavaScript and screenshot files of a base theme using a sub-theme

3:11The advantages of copying an existing theme

10:54How to create a new theme by copying an existing theme

6:13Overview of theme CSS file structures

54m

Theme CSS File Structure and Extended Drupal Theme Building

10:33 A close look at the Bartik stylesheet structure

2:58A quick look at the Garland and Seven theme stylesheet structures

5:50How the Zen theme uses extensive CSS files for learning

6:42Review of the Basic and Fusion CSS file structures

5:19How to enable element toggling with theme

10:13 How to add CSS or JavaScript files to a theme conditionally based on node type

9:27How to add CSS or JavaScript files to a theme conditionally based on path or user role

3:43Review and next steps for the "Theme CSS File Structure and Extended Drupal Theme Building" chapter

1h 49m

Template Files, Theme Function Overrides and Preprocessing Functions

4:20Before you start, is there a simpler way?

13:26Why use template files, how file suggestions work, and setting up for later examples

8:54How to use the page template file (page.tpl.php) and override it by path

9:06 How to use the node template file (node.tpl.php) and override it by content type or node ID

10:59How to use the block template file (block.tpl.php) and override it by module, region or delta

8:23How to use the comment (comment.tpl.php) and comment wrapper (comment-wrapper.tpl.php) template files

4:25How to name preprocessing functions to use with theme functions and template files

5:52 How to use simple preprocessing functions

3:52How to apply preprocessing code only in certain situations

4:01How template file suggestions work in depth and adding new suggestions

10:29How to override template files for specific conditions using template file suggestions

2:02 How to override a theme function

7:18Theme function override examples

8:10How to conditionally add CSS classes to the body, page and node wrapper tags for easier styling

4:34A practical example of adding a conditional body class

3:28Review and next steps for the "Template Files, Theme Function Overrides and Preprocessing Functions" chapter

How to Work With Drupal Theme Settings

6:35What this chapter covers and basic global toggle options available in the theme setting

4:56Overview of additional element toggle options such as main and secondary menus

7:13 How to tell when global or theme-specific settings are used, and how to uninstall a theme

5:54How to add a custom theme setting and set a default for it

2:43How to use the custom theme setting in code using theme_get_setting()

3:21 Overview of how the color module works to add custom color selections to a theme

2:10What steps are required to integrate the color module with your theme

6:31Overview of color module integration files part 1, including the color.inc file

7:37Overview of color module integration files part 2, including the preview.js file

10:45How to add a new color selector to your theme with the color module

2:19Review of the "How to Work With Drupal Theme Settings" chapter

Show just this collection

8h 55m, 34 videos in collection

Drupal 6 Development and Tools

This is the original Build a Module.com series on Drupal 6 development along with some additional tools. Weighing in at nearly 9 hours, with over 30 videos, this is a great way to get started with Drupal 6 development.

3h 32m

Essential Concepts

3:30How to install and uninstall a module

14:03 How to build your first Drupal module

13:47 Introduction to hooks

8:21How to add permissions

27:13 Introduction to the Form API

12:44How to make your module customizable

21:33How to add and configure blocks

10:13 How to add JavaScript and CSS

15:07How to theme a Drupal module

16:18How to create an install script

19:00How to create, format and validate a form

21:24How to improve form validation and process a form

18:47How to create edit and delete forms and alter other forms

10:29How to apply for a Drupal CVS account

27m

Working with jQuery and Javascript

14:25How to work with Ajax in Drupal

12:40How to implement Drupal JavaScript behaviors

1h 7m

Securing a Module

19:29 A review of module security and the t() function

16:50How to use string filtering functions, l() and url()

17:22How to use drupal_get_token() and user_access()

13:22How to work with the database securely

58m

Testing and Debugging a Module

21:40How to use a PHP debugger in Drupal

19:49 How to use Selenium for Drupal testing

17:20How to use SimpleTest to automate testing

1h 36m

PHP and MySQL Basics

24:25How to work with PHP arrays

24:25How to work with PHP functions

23:01Introduction to MySQL, tools and SELECT queries

24:40How to use JOINs, insert variables and INSERT, UPDATE and DELETE

1h 13m

Using Komodo Edit as an IDE

5:23How to create a project in Komodo Edit

8:59How to work with projects in Komodo Edit

11:03How to work with files in Komodo Edit

12:28Understanding the Komodo Edit interface

10:19How to create snippets with variables and options

11:26Advanced snippet usage: Key binding, tabstops and abbreviations

13:47How to use templates in Komodo Edit

Show just this collection

2h 17m, 24 videos in collection

Working with Files and the File API

In this 2+ hour collection, we cover the basics and the not-so-basics of working with Files and the File API in Drupal 7.

39m

How to Work With Files and the File API

2:43 What this video covers and a demo of our node-free image gallery module

2:24 What the difference is between a URI and a URL

3:22What stream wrappers are and how they work

1:36How the private file system works

5:15How file and folder permissions work, and best practices

2:41How to set up PHP to properly handle file uploading

5:45How to create a simple form with an unmanaged file input

5:02How to use a form validation function to validate a file

3:36How to use hook_file_validate() to validate an uploaded file

6:43How to use core file validation functions and define your own validator

1h 38m

How to Work With Files and the File API, Part 2

7:56 How to process an unmanaged file and recursively create a directory

7:32How to use file_unmanaged_copy() to move a file to a permanent location

7:37How to loop through a file directory and create a URL from a URI

6:49How to delete an unmanaged file

4:52How to recursively delete all unmanaged files in a directory

10:07How to use the private file system with unmanaged files

7:30How private files are delivered and how to troubleshoot private file issues

10:34How to add a managed file input to a form

5:57How to validate a managed file, prevent it from being deleted and add a usage marker

5:58How to use the EntityFieldQuery class to match certain criteria and display the results

6:42How to delete managed files

6:08How to work with private managed files

4:19How to configure and use X-Sendfile to improve private file performance

6:05A quick look at the code behind stream wrappers

Show just this collection

22m 53s, 4 videos in collection

Appendix

This is a collection of videos that don't quite fit elsewhere or may be useful for multiple collections.

22m

Mentored Training Resources

5:05 Introduction to your Mentored Training and getting help

8:47 How to use the web interface in a Mentored Training

6:15 Where to start watching and an overview of the collections

2:46 What IRC is and how to connect to a channel

A membership is an affordable way to get access to the entire video library, streaming on the Build a Module.com site. You get access both to the existing video tutorials and new ones as they come out, and new videos are usually added every week.

As a member, you also get access to other resources, including:

Automatically tracking which videos you've completed
Downloadable source code to follow along
The ability to build playlists of videos you want to track

Memberships start at just $23 / month.

If you'd like to view the videos offline or want to view them at a higher resolution than you see on the site, then purchasing a download is a great option. Downloads can be imported into any media management software, like iTunes, to sync with tablets (they look great on an iPad) and other mobile devices.

Downloads come in Standard and High Definition formats. The Standard format is what you see streaming on the site. It's a perfect resolution (960 x 600) for mobile devices. The High Definition format is recorded at full resolution (1280 x 800) and at a much smoother frame rate, so it's nicer when using a computer monitor to view.

DVDs contain both the Standard and High Definition formats of the videos, so you can use them freely on mobile devices AND high-resolution monitors. They also include the resource pack on-disk (with free upgrades available on the site) so they're an all-in-one package. A DVD is also nice for a hands-on library, since you can easily stack it next to your other reference material.

If you have a slow or unreliable internet connection, a DVD can also save you some trouble since the downloads can be rather large.

DVDs are also shipped for FREE worldwide!

Drupal 7 Development Core Concepts > How to Work With JavaScript and jQuery

An overview of JavaScript utilities included in core Drupal

Over 660 Drupal Videos and Training!

146 FREE Drupal videos, and 521 more available as downloads, DVDs or with a membership.

How can our video library help you?

Mobile?