Drupal 8 Layout and Theming

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
Bret Peters's picture
Start: 
2017-12-13 09:00 - 2017-12-14 05:00 UTC
Organizers: 
Event type: 
Training (free or commercial)

This course describes and illustrates a variety of approaches for making dynamic layouts in Drupal 8, helping aspiring themers to choose the right approach for their site. During this 2-day course you'll learn and utilize best practices for configuring a flexible and extendable layout for D8 websites by using a variety of coding and configuration techniques to implement custom themes and subthemes.

Duration: 2 days

Price: 1095.00
Online Price: 1095.00

Course Prerequisites
In order to get the most out of this course you should have prior experience in site building with Drupal. A combination of Acquia's Introduction to Drupal 8 (or What’s New in Drupal 8) and Building Websites with Drupal 8 would be ideal preparation for those with prior non-Drupal UX development experience.

In addition:

HTML and CSS skills are essential.
Familiarity with PHP and the Twig framework is very helpful.
Course Objectives
Describe and work with Drupal's theme layer

Declare, style, and use custom regions in a theme, theme settings
Apply and utilize Stylesheets and Javascript in a theme
Build a sub-theme from a base theme
Course Outline
Drupal Theming Funamentals
How does Drupal Theming Work?
What are Themers?
Making a Simple Theme
Working with Regions
Adding Libraries and Dependencies
Advanced .info.yml options
Adding Breakpoints
Customizing your Theme
Anatomy of a Theme
Coding Standards in Drupal
Introduction to Twig Template Files
Overrides, Available Variables, and Hooks
Adding Custom Regions
Breadcrumbs
Base Themes and Subtheming
Base Themes, Subthemes, and Core Themes
Using Subthemes
Matching a Design Mockup Using Drupal
Parsing your Client's Design
Enabling Twig Debugging and Installing Devel
Creating a New Subtheme from the Classy Base Theme
Configuring Drupal
Using Template Overrides
Adding CSS
How would you do that in Drupal? Real-World Design Considerations.

DrupalGov

Group organizers

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week