Public visé
- Développeurs
- Intégrateurs
- Webdesigners
Prérequis
Il est indispensable de connaître HTML et CSS. Il est conseillé d’avoir des notions de PHP et de Responsive Design.
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Décrire le système de “theming” (habillage) de Drupal
- Contrôler à 100% le HTML / CSS généré par Drupal
- Intégrer n’importe quelle charte graphique sous forme de thème Drupal
- Créer votre propre thème
- Changer l’apparence d’un module sans toucher au code de ce module
Programme
Jour 1
Introduction
- Présentation rapide de Drupal et de son jargon (noeud, taxonomie…)
- Présentation et installation des outils de développement (WAMP, éditeur PHP, Firefox)
- Téléchargement et installation de Drupal
- Les outils du webdesigner : Firebug, Twig debug
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
Système de templating Twig
- Introduction à Twig
- Twig Debug
Jour 2
Système de templating Twig - Suite
- Gestion des templates
- Surcharge de templates
- Ajouter des suggestions de template custom
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
Module Layout Plug-in
- Intérêts de l’approche des layouts
- Définir des layouts depuis un thème
- Utilisation avec Page Manager et Display Suite
Configuration
- Système de configuration de Drupal
- Embarquer une configuration dans un thème
- Dépendance entre configuration
JavaScript
- Gestion du JavaScript et Drupal
- Bibliothèques de base
- Ajouter un script custom
Responsive Design avec Drupal
- Implémentation des points de rupture
- Gestion des images en Responsive Design
- Gestion des menus
Exemples de travaux pratiques
- Prise en main des fondamentaux de la création d’un thème avec Drupal
- Utilisation du moteur de templating Twig dans Drupal
- Utilisation des assets dans Drupal
- Utilisation du module Layout Plug-in
- Configuration d’un thème dans Drupal
- Utilisation du JavaScript dans Drupal
- Création d’un site Responsive Design avec Drupal
Modalités d’évaluation
Évaluation en 3 phases :
- Pendant la formation : un bilan journalier effectué par l’intervenant
- À chaud : à la fin de la formation, un bilan qualité pour mesurer l’atteinte des objectifs
- À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle