Theming and Frontend Development

Theme Layer Structure

Template Hierarchy

Theme Inheritance

Theme Suggestions

Theme File Structure

Theme Info Files

Template Files

CSS and JavaScript Integration

Theme Libraries

Twig Syntax

Template Variables

Twig Filters and Functions

Template Debugging

Custom Twig Extensions

Mobile-First Approach

Breakpoint Management

Responsive Images

Flexible Layouts

Sub-theming

Template Overrides

Preprocessing

Custom CSS and JavaScript

Sass and Less

JavaScript Bundling

Asset Optimization

Automated Workflows