Public visé
Développeurs, intégrateurs, webdesigners.
Prérequis
Connaître HTML et CSS. Avoir des notions de PHP et de Responsive Design est conseillé.
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Décrire le système de theming (habillage) de Drupal
- Contrôler le HTML/CSS généré par Drupal
- Intégrer n’importe quelle charte graphique en thème Drupal
- Créer un thème personnalisé
- Modifier l’apparence d’un module sans altérer son code
Programme
Jour 1 - Matin
Introduction
- Présentation de Drupal et son vocabulaire
- Installation des outils de développement
- Téléchargement et configuration de Drupal
Thème - Fondamentaux
- Principes de base et fichiers de thème
- Éléments natifs de Drupal
- Thème de base et héritage
Jour 1 - Après-midi
Système Twig
- Introduction au moteur de templating Twig
- Activation du debug Twig
- Syntaxe et fonctions Twig
Jour 2 - Matin
Gestion des templates Twig
- Surcharge de templates
- Suggestions personnalisées
- Hooks de preprocessing
Assets et bibliothèques
- Système de bibliothèques Drupal
- Architecture SMACSS
- Chargement conditionnel des bibliothèques
Jour 2 - Après-midi
Layouts et configuration
- Module Layout Plugin
- Configuration de thème
- Gestion JavaScript dans Drupal
Responsive Design
- Points de rupture (breakpoints)
- Images responsive
- Bonnes pratiques mobile-first
Modalités d’évaluation
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d’auto-évaluation