Design Drupal 8 Themes || Rod Martin || Ostraining

Teacher: Rod Martin
Released: April 5, 2016
Length: 2.88 hours
Level: Intermediate
Version : Drupal 8
Watch online : https://www.ostraining.com/class/d8-themes/

This class is a hands-on introduction to designing your Drupal 8 site. You'll learn how to customize your Drupal site with CSS, HTML, Javascript, custom fonts and more.
To take this class, you should already have good Drupal 8 site building skills, plus a knowledge of CSS, HTML and some PHP.
In the first part of the class, you'll learn how Drupal 8's theming system works. You'll see how PHP, HTML, CSS, Javascript and Twig combine to allow you to design your site. In the second part of the class, you'll build your first custom theme. You'll create all the architecture needed for a theme, from the files and folders to the external scripts and mobile breakpoints. In the third part of the class, you'll get a deeper understanding of all the elements found in a typical theme folder and how to customize them. In the fourth part of the class, you'll take an existing design and turn it into a complete Drupal theme!

Getting Started
Introduction to Drupal 8 Theming
What You'll Need for This Class
Setting up Your Environment

Introduction to Themes
How Does Drupal Theming Work?  Viewed
Who are Drupal Themers?  Viewed
Finding and Evaluating Contributed Themes  Viewed
Installing Themes  Viewed
Static, Configurable and Responsive Themes  Viewed
 Build Your First Theme
Building a Custom Theme  Viewed
Add a Screenshot and Logo  Viewed
Clear the Theme Cache  Viewed
Add Regions to a Drupal Theme  Viewed
Add Libraries to a Drupal Theme  Viewed
Add CSS to a Drupal Theme  Viewed
Add External Scripts to a Drupal Theme  Viewed
Add Google Fonts to a Drupal Theme  Viewed
Advanced YML File Options  Viewed
Mobile Breakpoints  Viewed
Mobile Breakpoints Exercise  Viewed
 Customizing Your Theme
Introduction to Theme Customization
Anatomy of a Drupal Theme
Drupal Coding Standards
Introduction to Twig Template Files
Template Overrides in Drupal
Installing the Devel Module
A Drupal Template Override Demo
Creating a Node Template Override
Creating a Maintenance Page Template Override
Overriding Drupal Breadcrumbs

 Base Themes and Subthemes
Introduction to Base Themes and Subtheming
Best Practices for Subthemes
Create a Bartik Subtheme
 Setting Up The Theme
How to Match an Existing Design
Creating the Custom Theme
Add Custom Regions
 Site Building
Site Building for Our Theme
Create a Services Content Type
Create a Banner Content Type
Adding Content, Part 1
Adding Content, Part 2
 Views
The Services View
The Blog View
The Frontpage Banner View
Creating Custom Blocks
 Template Overrides
Create Template Overrides
Overrides for Frontpage Content
Adding CSS and Images
 Final
How Would You Do That in Drupal?