Formation Drupal 8 intégrateur / Themeur

Public concerné et pré-requis :

Web designers souhaitant créer des thèmes Drupal 8, ou concevoir des chartes graphiques qui tiennent compte de la "philosophie Drupal" pour qu'elles soient plus faciles à intégrer ensuite.

Développeurs ou intégrateurs amenés à travailler sur la partie thème d'un projet Drupal.

Pré requis :

• Connaître HTML et CSS (indispensable).
• Avoir des notions de PHP (conseillé).
• Avoir des notions de Responsive Design.

Objectifs de la formation :

• Comprendre le système de "theming" (habillage) de Drupal.
• Apprendre à contrôler à 100% le HTML/CSS généré par Drupal.
• Etre capable d'intégrer n'importe quelle charte graphique sous forme de thème Drupal.
• Créer son propre thème.
• Changer l'apparence d'un module sans toucher au code de ce module.

Programme de la formation :

IMPORTANT : La version installée et utilisée tout au long de la formation est Drupal 8, mais les différences entre Drupal 7 et 8 seront signalées -- oralement, et dans le support de cours -- à chaque fois que ça sera opportun.

1) Introduction

• Présentation rapide de Drupal et de son jargon (node, taxonomie…).
• Présentation et installation des outils de développement (WAMP, Editeur PHP, Firefox).
• Téléchargement et installation de Drupal 8.
• Les outils du webdesigner : Firebug, TWIG debug.

2) Thème, les fondamentaux

• Principe de base.
• Les fichiers d'un thème.
• Les différents éléments natifs de Drupal.
• Thème de base et héritage.

3) Système de templating Twig

• Gestion des templates.
• Introduction à Twig.
• Twig Debug.
• Surcharge de templates.
• Ajouter des suggestions de template custom.

4) Gestion des assets

• Système de bibliothèques.
• Dépendances et bibliothèques natives.
• Architecture SMACSS.
• Différents types de chargement d'une bibliothèque.

5) Module Layout Plugin

• Intérêts de l'approche des layouts.
• Définir des layouts depuis un thème.
• Utilisation avec Page Manager.
• Utilisation avec Display Suite.

6) Configuration

• Système de configuration de Drupal 8.
• Embarquer une configuration dans un thème.
• Dépendance entre configuration.

7) Javascript

• Gestion du Javascript et Drupal 8.
• Les bibliothèques de base.
• Ajouter un script custom.

8) Responsive Design avec Drupal 8

Par défaut le thème de Drupal 8 prend en compte le Responsive Design. 

• Implementation des points de rupture.
• Gestion des images en responsive design.
• Gestion des menu.

Tout au long de la formation nous développerons un thème permettant ainsi de mettre en pratique tous les points essentiels à la maitrise du theming avec Drupal 8.