Drupal 8 & 9 Theme Development

Learn to build your own custom themes for Drupal

Course Overview

In this course, you will learn to build your own custom themes for Drupal. The class covers Drupal 8+ theming: using the Twig templating language and other Drupal theme features to implement responsive designs from HTML/graphic templates. During this course, you'll develop themes step-by-step, while following best practices to ensure maintainability and interoperability with Drupal module updates. This course is taught by a practicing Drupal developer and themer and will take a pragmatic approach to theming based on real-world experience.

Who is it for?

This course is for anyone who wants to create their own Drupal themes or customize existing themes. It targeted a web designers, system integrators, and anyone who want to tweak Drupal's look and feel to meet their needs.

Pre-requisites: This course was designed for those who have experience with Drupal site building and knowledge of HTML and CSS. Those without Drupal experience should take Building Websites with Drupal 8 & 9.

How is it taught?

The class will consist of four weekly video lessons, each around 3 hours long, and four weekly live Q&A sessions with the instructor. The lessons will cover the topics listed below and can be watched on-demand, anytime that is convenient for you. At the end of each lesson, you will be given an assignment to practice what you've learned. (We will provide web hosting for your practice work, so you don't need to worry about setting that up.)

The weekly live sessions will be conducted online, using the webinar software GotoMeeting. During the sessions, the instructor will answer all your questions from and will help troubleshoot any issues you have doing the assignment. (GotoMeeting allows us to view your computer, and take control of your keyboard and mouse if needed. So, we can see any error messages that you're seeing and figure out how to fix it right on the spot.) In addition to the live sessions, you will have access to an online forum to discuss assignments with other students and ask the instructor questions during the week.

After the course is over you can continue to access the lesson videos, free of charge, forever. There are no monthly subscription fees. Just come back and watch the lessons whenever you want. They are a great reference when you forget how to do something.

Lessons In This Course

Lesson 1: Creating Themes for Drupal

Introduction
00:03:40
00:25:48
00:08:28
00:10:03
00:15:25
Using the Code Repository for this Class
00:16:28
00:03:16
Creating Themes for Drupal 8
00:24:47
Adding CSS Libraries to Your Drupal 8 Theme
00:37:20
Adding Images to Your Drupal 8 Theme
00:09:49
Overriding and Customizing Templates in Your Drupal 8 Theme
00:27:03
Working with Regions and Blocks in Your Drupal 8 Theme
00:18:52

Lesson 2: The Twig Language

00:28:11
00:30:52
00:45:13
Twig: Functions
00:23:36
Twig: Combining and Extending Twig Templates
00:19:57

Lesson 3: Advanced Theming Techniques

Theming Views
00:36:11
Adding Custom Javascript Code to Your Theme Libraries
00:20:49
Overriding and Extending CSS and Javascript Libraries
00:19:37
Using Preprocess Functions
00:14:13
Creating Custom Templates
00:31:03
Implementing Responsive Designs on Drupal 8
00:10:07
Using the Responsive Images Module
00:21:03

Lesson 4: A Case Study

Design to Theme Case Study: Introduction
00:12:13
Design to Theme Case Study: Installing Drupal
00:11:36
Design to Theme Case Study: Regions
00:33:56
Design to Theme Case Study: Adding CSS
00:13:27
Design to Theme Case Study: The Header Region
00:28:16
Design to Theme Case Study: Portfolio Full Page View
00:41:53
Design to Theme Case Study: Portfolio Teaser
00:25:53
Design to Theme Case Study: Blog Full Page View
00:33:11
Design to Theme Case Study: Blog Teaser View
00:11:43
Design to Theme Case Study: Blog Footer Block
00:15:14
Design to Theme Case Study: Sidebar and Footer Blocks
00:39:48
Design to Theme Case Study: Home Page Content
00:16:54
Design to Theme Case Study: Banner and Intro Blocks
00:35:02
Design to Theme Case Study: Disabling Development Mode
00:03:24
Class Wrap-Up
00:03:10

Appendix: Using Local Development Environments

An Overview of Local Development Environments
00:01:50
Using Lando as a Local Development Environment
00:39:00
Using DDev as a Local Development Environment
00:28:36
Using DrupalVM as a Local Development Environment
00:30:38

See It In Action

Watch this sample video to get a sense of what this course is like.

Watch Example Video

Enabling Twig Debug Mode
Wayne Eaker
Wayne Eaker
Drupal Architect, Developer, and Trainer

About Your Instructor

Wayne Eaker is the director and chief developer of Zengenuity. He's a Drupal expert with years of experience building highly-customized Drupal websites. He is also a seasoned trainer, having taught professionals, corporate clients and high school computer science students.

Web Developer
“Multiple times during the course, I would pause the video, go into my real-life-Drupal-8 development codebase, and implement the technique I just learned.”
James — Senior Web Developer
Handshake

Our Guarantee

Try this course for a week, and if you don't agree that it's the best way to learn Drupal, we'll refund the full price. No questions asked.

$ 398
Per student
  • 14+ hours of video lessons
  • 4 weekly live webinars with your instructor
  • Permanent access to the recordings of all the lessons and live sessions
  • A development environment for your practice Drupal site
  • Access to an online forum to ask questions of the instructor and discuss with other students
?

Your Class Session Details

Lesson Videos

Your lesson videos will be available starting February 1, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting March 15, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting March 29, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting April 12, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting April 26, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting May 10, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting May 24, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting June 7, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting June 21, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting July 5, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Your lesson videos will be available starting July 19, 2023. You can start and stop the videos at your convenience, and use them as a reference forever!

Development Environment

Your practice development environment will be available from February 1, 2023 to March 16, 2023.

Your practice development environment will be available from March 15, 2023 to April 27, 2023.

Your practice development environment will be available from March 29, 2023 to May 11, 2023.

Your practice development environment will be available from April 12, 2023 to May 24, 2023.

Your practice development environment will be available from April 26, 2023 to June 7, 2023.

Your practice development environment will be available from May 10, 2023 to June 21, 2023.

Your practice development environment will be available from May 24, 2023 to July 5, 2023.

Your practice development environment will be available from June 7, 2023 to July 19, 2023.

Your practice development environment will be available from June 21, 2023 to August 2, 2023.

Your practice development environment will be available from July 5, 2023 to August 16, 2023.

Your practice development environment will be available from July 19, 2023 to August 30, 2023.

Live Webinars

Webinars for this session are scheduled at the dates and times below. Don't worry. These webinars are strictly for questions and troubleshooting. They are not required to cover the lesson material, and you are not expected to attend them all. These webinars will also be recorded, so if you can't attend a webinar due to your time zone or other conflicts, you can submit your questions ahead of time and watch the answers on the recording.

Webinar Schedule
Date Time(s)
February 2 10:00am-11:00am EST
February 7 4:00pm-5:00pm EST
February 9 10:00am-11:00am EST
February 14 4:00pm-5:00pm EST
February 16 10:00am-11:00am EST
February 21 4:00pm-5:00pm EST
February 23 10:00am-11:00am EST
February 28 4:00pm-5:00pm EST
March 2 10:00am-11:00am EST
Date Time(s)
March 16 10:00am-11:00am EDT
March 21 4:00pm-5:00pm EDT
March 23 10:00am-11:00am EDT
March 28 4:00pm-5:00pm EDT
March 30 10:00am-11:00am EDT
April 4 4:00pm-5:00pm EDT
April 6 10:00am-11:00am EDT
April 11 4:00pm-5:00pm EDT
April 13 10:00am-11:00am EDT
Date Time(s)
March 30 10:00am-11:00am EDT
April 4 4:00pm-5:00pm EDT
April 6 10:00am-11:00am EDT
April 11 4:00pm-5:00pm EDT
April 13 10:00am-11:00am EDT
April 18 4:00pm-5:00pm EDT
April 20 10:00am-11:00am EDT
April 25 4:00pm-5:00pm EDT
April 27 10:00am-11:00am EDT
Date Time(s)
April 13 10:00am-11:00am EDT
April 18 4:00pm-5:00pm EDT
April 20 10:00am-11:00am EDT
April 25 4:00pm-5:00pm EDT
April 27 10:00am-11:00am EDT
May 2 4:00pm-5:00pm EDT
May 4 10:00am-11:00am EDT
May 9 4:00pm-5:00pm EDT
Date Time(s)
April 27 10:00am-11:00am EDT
May 2 4:00pm-5:00pm EDT
May 4 10:00am-11:00am EDT
May 9 4:00pm-5:00pm EDT
May 11 10:00am-11:00am EDT
May 16 4:00pm-5:00pm EDT
May 18 10:00am-11:00am EDT
May 23 4:00pm-5:00pm EDT
Date Time(s)
May 11 10:00am-11:00am EDT
May 16 4:00pm-5:00pm EDT
May 18 10:00am-11:00am EDT
May 23 4:00pm-5:00pm EDT
May 25 10:00am-11:00am EDT
May 30 4:00pm-5:00pm EDT
June 1 10:00am-11:00am EDT
June 6 4:00pm-5:00pm EDT
Date Time(s)
May 25 10:00am-11:00am EDT
May 30 4:00pm-5:00pm EDT
June 1 10:00am-11:00am EDT
June 6 4:00pm-5:00pm EDT
June 8 10:00am-11:00am EDT
June 13 4:00pm-5:00pm EDT
June 15 10:00am-11:00am EDT
June 20 4:00pm-5:00pm EDT
Date Time(s)
June 8 10:00am-11:00am EDT
June 13 4:00pm-5:00pm EDT
June 15 10:00am-11:00am EDT
June 20 4:00pm-5:00pm EDT
June 22 10:00am-11:00am EDT
June 27 4:00pm-5:00pm EDT
June 29 10:00am-11:00am EDT
July 5 4:00pm-5:00pm EDT
Date Time(s)
June 22 10:00am-11:00am EDT
June 27 4:00pm-5:00pm EDT
June 29 10:00am-11:00am EDT
July 5 4:00pm-5:00pm EDT
July 6 10:00am-11:00am EDT
July 11 4:00pm-5:00pm EDT
July 13 10:00am-11:00am EDT
July 18 4:00pm-5:00pm EDT
Date Time(s)
July 5 4:00pm-5:00pm EDT
July 6 10:00am-11:00am EDT
July 11 4:00pm-5:00pm EDT
July 13 10:00am-11:00am EDT
July 18 4:00pm-5:00pm EDT
July 20 10:00am-11:00am EDT
July 25 4:00pm-5:00pm EDT
July 27 10:00am-11:00am EDT
August 1 4:00pm-5:00pm EDT
Date Time(s)
July 20 10:00am-11:00am EDT
July 25 4:00pm-5:00pm EDT
July 27 10:00am-11:00am EDT
August 1 4:00pm-5:00pm EDT
August 3 10:00am-11:00am EDT
August 8 4:00pm-5:00pm EDT
August 10 10:00am-11:00am EDT
August 15 4:00pm-5:00pm EDT