Drupal 10 - Perfectionnement - Pour les développeurs Front End
Drupal 10 - Perfectionnement - Pour les développeurs Front End
Informatique > Informatique et systèmes d'information
Objectifs
- 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
Le programme de la formation
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
Gestion des templates
Introduction à Twig
Twig Debug
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 (par défaut, le thème de Drupal prend en compte le Responsive Design)
Implémentation des points de rupture
Gestion des images en Responsive Design
Gestion des menus
Exemples de travaux pratiques (à titre indicatif)
Etudes de cas :
- 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
Public et Pré-requis de la formation
Développeurs, intégrateurs et webdesigners.
Il est indispensable de connaître HTML et CSS. Il est conseillé d'avoir des notions de PHP et de Responsive Design.
Méthode pédagogique de la formation
Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).