Cette formation avancee s’adresse aux professionnels qui maitrisent deja les bases de Drupal et souhaitent prendre le controle total du rendu HTML/CSS. Vous apprendrez a exploiter Twig en profondeur, definir des layouts reutilisables avec le module Layout Plugin, integrer du JavaScript custom et mettre en place un responsive design complet. A l’issue des deux jours, vous serez capable d’integrer n’importe quelle maquette graphique sous forme de theme Drupal 11.
Public visé
- Développeurs
- Intégrateurs
- Webdesigners
Prérequis
Avoir suivi cette formation, ou en maîtriser les thèmes abordés :
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 des acquis
É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
Voir aussi
Vous serez peut-être intéressés par les formations suivantes :
- Drupal 11 - Initiation
- Drupal 11 - Développeurs Back-End
- Drupal 11 - Développeurs Front-End
- PHP - Développer des applications web
Formation DEV-DRUPAL-300 — Drupal 11 - Avancé. Domaine : Développement. Niveau : Avancé. Durée : 2 jours (14 heures). Mots-clés : drupal, php, développement, avancé, cms, web, twig, javascript, responsive. Cylian Formation, Dijon.