Drupal Theming with Components

Learn to build a component-based Drupal 8 or 9 theme in this comprehensive video series. Explore core, contrib, and custom themes, plan your Drupal theme, and create custom themes both manually and with the Theme Generator. Dive into Pattern Lab integration, JSON basics, and Twig syntax, including advanced concepts like includes, embeds, extends, and blocks. Master Drupal attributes, global styling, and component building for headings and movie cards. Enable Twig debugging, create new content types, and utilize the Components Library Module. Integrate components with Drupal through template overrides, field mapping, and Twig blocks. Build and integrate a card collection component, completing your journey in component-based Drupal theming.

Madeline Schimenti talks about her latest Drupal Theming Series.
Introducing Drupal Theming with Components.
Core, Contrib, and Custom Themes.
Planning a Drupal Theme.
Creating a Custom Drupal 8 Theme Manually.
Creating a theme with the Theme Generator.
Introduction to Pattern Lab in a Drupal Theme.
Introduction to JSON.
Introduction to Twig and its syntax.
Twig Include, Embed, and Extends.
Twig Blocks.
Drupal Attributes.
Adding global styles to your Drupal theme.
Building a heading component.
Movie Card Component.
Enabling Twig Debugging in Drupal 8/9.
Creating a new content type.
Components Library Module and Namespace.
Integrating Components with Drupal - Template Overrides.
Integrating components with Drupal - Mapping fields.
Integrating Components with Drupal: Twig Blocks.
Building a Card Collection Component in Pattern Lab.
Integrating Components with Drupal: Card Collection.
Completing the series.