Description
Ce programme de formation est conçu pour les développeurs souhaitant maîtriser Drupal, un système de gestion de contenu. Il couvre l'installation et la configuration de Drupal, la création de thèmes et l'utilisation de Twig pour contrôler le HTML/CSS généré. Les participants apprendront également à créer des modules personnalisés via les API de Drupal, à intégrer des chartes graphiques et à ajuster les comportements natifs sans modifier le code source. Ce parcours s'adresse aux professionnels cherchant à approfondir leurs compétences en développement web avec Drupal.
Objectifs
- Utiliser DRUPAL et son système de "theming" (habillage) de DrupalIdentifier le moyen de contrôler le HTML/CSS généré par DrupalOptimiser ses développements avec le framework Drupal 8/9 à l'aide des APIsIntégrer n'importe quelle charte graphique sous forme de thème DrupalCréer son propre thèmeAjuster le coeur de Drupal ou de ses modules sans en modifier le code source
Récapitulatif
Public
Développeurs, intégrateurs, chefs de projet, web designers…
Prérequis
Connaître le langage HTML et CSS
Des notions de PHP et de Responsive Design sont conseillées
Méthodes et modalités pédagogiques
Formation réalisée en Présentiel, Distanciel ou Dual-Learning selon la formule retenue.
Moyens et supports pédagogiques
Mise à disposition d'un poste de travail sur nos formations en Présentiel.
Mise à disposition de nos environnements de visio sur nos formations en Distanciel
Remise d'une documentation pédagogique numérique pendant la formation
La formation est constituée d'apports théoriques, d'exercices pratiques et de réflexions
Dans le cas d'une formation sur site Entreprise, le client s'engage à avoir toutes les ressources pédagogiques nécessaires (salle, équipements, accès internet, TV ou Paperboard...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation
Modalités de suivi et d'évaluations
Auto-positionnement des stagiaires avant la formation
Émargement des stagiaires et formateur par 1/2 journée
Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires
Auto-évaluation des acquis de la formation par les stagiaires
Questionnaire de satisfaction à chaud et à froid à l'issue de la formation
Programme détaillé
S1 – Utiliser Drupal et son système de "theming" (habillage) de Drupal
- A l'issue de cette séquence, vous savez installer et configurer Drupal. Vous maîtrisez le fonctionnement du CMS. Vous savez créer un thème et identifier les fichiers de base.
- Rappels sur le fonctionnement de Drupal
- Mise en place d'un environnement de développement Drupal
- Création et structure d'un thème
- Comprendre les principes de base.
- Thème de base et héritage de thème.
- Les fichiers essentiels d'un thème.
- Les différents éléments natifs de Drupal.
S2 – Identifier les moyens de contrôler le HTML/CSS généré par Drupal
- A l'issue de cette séquence, vous êtes capable d'utiliser la syntaxe Twig et les mécanismes de base du thème (preprocess, suggestions).
- Configurations de rendu internes à Drupal (pour les blocs, contenu, images ou autre)
- Les fonctions de Preprocess
- Concepts et syntaxes de Twig
- Introduction à Twig.
- Préparer un environnement de travail avec Twig Debug.
- Gestion des templates.
- Comprendre le système de surcharge des templates.
- Comment ajouter des suggestions de templates custom.
S3 – Optimiser ses développements avec le framework Drupal 8/9 à l'aide des APIs
- A l'issue de cette séquence, vous êtes capable de créer un module Drupal, le configurer et créer des éléments personnalisés grâce à l'API Drupal.
- Installation des modules essentiels
- Fonctionnement des modules
- Création et structure d'un module
- - Définir des configurations
- - Définir des éléments personnalisés (pages, custom fields, formatters, etc.)
S4 – Intégrer n'importe quelle charte graphique sous forme de thème Drupal (1/2)
- A l'issue de cette séquence, vous êtes capable d'utiliser un thème pour personnaliser et afficher les éléments de base de Drupal (page principale, menu, nodes).
- Personnaliser la page principale
- Personnaliser et afficher des menus
- Personnaliser et afficher des des nodes et custom nodes
- Utiliser les modes d'affichage
- Personnaliser et afficher des blocs
- Personnaliser et afficher des vues
S5 – Intégrer n'importe quelle charte graphique sous forme de thème Drupal (2/2)
- A l'issue de cette séquence, vous êtes capable d'utiliser un thème pour personnaliser et afficher les éléments de base de Drupal (blocks, views, display modes).
- Utiliser les modes d'affichage
- Personnaliser et afficher des blocs
- Personnaliser et afficher des vues
S6 – Créer son propre thème
- A l'issue de cette séquence, vous savez identifier les concepts avancés liés aux interactions du thème avec le core Drupal pour le responsive ou le JS.
- Les api JS de Drupal (drupal.behaviors et drupalsettings.)
- Les api responsive design
- S7 – AJUSTER LE CœUR DE DRUPAL OU DE SES MODULES SANS EN MODIFIER LE CODE SOURCE
- A l'issue de cette séquence, vous savez identifier les mécanismes pour personnaliser les comportements natifs de Drupal.
- Identifier les comportements natifs personnalisables via les modules
- Utiliser les hooks pour personnaliser les comportements Drupal natif ou des modules contributeurs