Drupal Développement Back-End Avancé
- Durée
- Durée :2 jours
- Niveau
- Niveau :Avancé
- Certification
- Certification :Non
1190€ HT
Prochaine session :
Drupal 10 pour les développeurs Back-End (cours dédié aux actions collectives Atlas)
4,0/5
Avec 1 avisDescription de la formation Drupal Developpeur
Drupal est l’un des trois CMS (Système de Gestion de Contenu) les plus utilisés dans le monde pour créer et animer des sites Internet. En France, de nombreux sites de grande audience l’utilisent, notamment des sites de médias exigeant une maintenance facile. Écrit en PHP, ce logiciel Open Source bénéficie d’une importante communauté de développeurs garante d’une meilleure sécurité. Il est apprécié pour sa modularité et son évolutivité.
Cette formation Drupal Développeur a pour but de maîtriser la couche de theming de Drupal 10 : gestion des assets (CSS et JS) et des templates (avec le moteur de thème TWIG), fonction de preprocess, Responsive Design (breakpoint), surcharge du HTML / CSS de modules contribués et intégration d'un plugin externe.
Programme de la formation
Objectif opérationnel :
Savoir créer des thèmes Drupal et concevoir des chartes graphiques faciles à intégrer.
Objectifs pédagogiques :
À l'issue de cette formation Drupal Développeur, vous aurez acquis les connaissances et compétences nécessaires pour :
- Connaître le fonctionnement du développement front sous Drupal afin de pouvoir participer activement à un projet de refonte graphique
- Comprendre les particularités d’un thème pour Drupal afin d’être en mesure d’anticiper les temps de développement
- Savoir évaluer le temps d’intégration d’une charte graphique sous forme de thème afin de pouvoir dimensionner l’équipe de développement
- Savoir créer son propre thème Drupal et changer l’apparence d’un module sans toucher au code
- Savoir utiliser Drupal comme un framework pour accélérer ses développements maison, en s'appuyant sur ses APIs
- Être capable de contrôler intégralement le HTML/CSS généré par Drupal
J1
Présentation et installation des outils de développement (WAMP, Editeur PHP, Firefox)
Téléchargement et installation de Drupal 10
Installation des outils du développeur : module Devel , Composer
PHP objet : les concepts de base (classes, interfaces, injection de dépendance, PSR4, annotations...)Travaux pratiquesInstallation et configuration de Drupal et de WAMP
Structures des fichiers et autoloading
PSR-0 et PSR-4
Concepts hérités de Symfony : container, services et injection de dépendanceTravaux pratiquesInstaller et créer des modules
Mécanisme de découverte (fichier YAML, annotations PHP)
Exemple de plugin et implémentation
Comme faire correspondre une URL à une page
Injection de services : utilisation des méthodes create() et __construct()
Créer des URL dynamiques
Ajout de liens de menu, contextuels, d'action et d'ongletTravaux pratiquesAfficher une page avec argumentsJ2
Introduction aux types de blocs
Comment créer un bloc avec Bloc PluginTravaux pratiquesAfficher un bloc, en protéger l'accès
Quels sont les fichiers d'un thème
Quels sont les différents éléments natifs de Drupal
Thème de base et héritage de thème
Ajuster le cœur de Drupal ou de ses modules sans en modifier le code sourceTravaux pratiquesCréation d’un premier thème personnalisé
Introduction à Twig
Préparer un environnement de travail avec Twig Debug
Comprendre le système de surcharge de templates
Ajouter des suggestions de template custom
Principes de la couche de thème : séparation fonctionnel/présentation
Syntaxe TWIG (les bases)
Que sont les Render Arrays et quel est leur intérêt ?
Déclarer son propre formattage HTML sous forme de template avec le hook_theme()Travaux pratiquesRevue d’un template en TWIG
Dépendances et bibliothèques natives
Comprendre l’architecture SMACSS : approche Web Component
Différents types de chargement d'une bibliothèque : code PHP, depuis un fichier de templateTravaux pratiquesGérer une bibliothèque sur DrupalJ3
Définir des layouts depuis un thème
Utilisation avec Display Suite
Comment embarquer une configuration dans un thème
Le gestion des dépendance entre configurationTravaux pratiquesConfigurer Drupal et appliquer cette configuration au thème créé précédemment
Les différents types de cache
Cache API : keys, contexts, tags et max-age.
Les différents modules de cache : Internal Page Cache, Internal Dynamic Page Cache et Big Pipe
Qu’est ce que l’auto-placeholdering et comment créer des lazy builders
Les bibliothèques disponibles de base.
Comment ajouter un script custom dans son thèmeTravaux pratiquesRevue des bibliothèques disponibles en JavaScript pour Drupal
Gestion des images en responsive design
Gestion des menusTravaux pratiquesImplémentation de différents scénarios 100% responsive
Introduction et mise en place de l’environnement
Présentation rapide de Drupal et de son jargon (node, taxonomie...)Présentation et installation des outils de développement (WAMP, Editeur PHP, Firefox)
Téléchargement et installation de Drupal 10
Installation des outils du développeur : module Devel , Composer
PHP objet : les concepts de base (classes, interfaces, injection de dépendance, PSR4, annotations...)Travaux pratiquesInstallation et configuration de Drupal et de WAMP
Création d'un module
Les fichiers nécessairesStructures des fichiers et autoloading
PSR-0 et PSR-4
Concepts hérités de Symfony : container, services et injection de dépendanceTravaux pratiquesInstaller et créer des modules
Le Système de Plugins
Qu'est-ce qu'un plugin ?Mécanisme de découverte (fichier YAML, annotations PHP)
Exemple de plugin et implémentation
Le système de routing
Comment Drupal gère le routingComme faire correspondre une URL à une page
Injection de services : utilisation des méthodes create() et __construct()
Créer des URL dynamiques
Ajout de liens de menu, contextuels, d'action et d'ongletTravaux pratiquesAfficher une page avec argumentsJ2
Le système de blocs
Gestion des blocs avec Drupal 10Introduction aux types de blocs
Comment créer un bloc avec Bloc PluginTravaux pratiquesAfficher un bloc, en protéger l'accès
Thème, les fondamentaux
Comprendre les principe de baseQuels sont les fichiers d'un thème
Quels sont les différents éléments natifs de Drupal
Thème de base et héritage de thème
Ajuster le cœur de Drupal ou de ses modules sans en modifier le code sourceTravaux pratiquesCréation d’un premier thème personnalisé
Système de templating (TWIG)
Gestion des templatesIntroduction à Twig
Préparer un environnement de travail avec Twig Debug
Comprendre le système de surcharge de templates
Ajouter des suggestions de template custom
Principes de la couche de thème : séparation fonctionnel/présentation
Syntaxe TWIG (les bases)
Que sont les Render Arrays et quel est leur intérêt ?
Déclarer son propre formattage HTML sous forme de template avec le hook_theme()Travaux pratiquesRevue d’un template en TWIG
Gestion des assets
Connaitre le système de bibliothèquesDépendances et bibliothèques natives
Comprendre l’architecture SMACSS : approche Web Component
Différents types de chargement d'une bibliothèque : code PHP, depuis un fichier de templateTravaux pratiquesGérer une bibliothèque sur DrupalJ3
Module Layout Discovery
Intérêts de l'approche des layoutsDéfinir des layouts depuis un thème
Utilisation avec Display Suite
Le système de configuration
Comprendre le système de configuration de Drupal 10Comment embarquer une configuration dans un thème
Le gestion des dépendance entre configurationTravaux pratiquesConfigurer Drupal et appliquer cette configuration au thème créé précédemment
La gestion du cache
Comment Drupal gère le cacheLes différents types de cache
Cache API : keys, contexts, tags et max-age.
Les différents modules de cache : Internal Page Cache, Internal Dynamic Page Cache et Big Pipe
Qu’est ce que l’auto-placeholdering et comment créer des lazy builders
Javascript
Gestion du Javascript sous Drupal 10 : jQuery, Drupal.behaviors et DrupalSettings.Les bibliothèques disponibles de base.
Comment ajouter un script custom dans son thèmeTravaux pratiquesRevue des bibliothèques disponibles en JavaScript pour Drupal
Responsive Design avec Drupal 10
Implémentation des points de ruptureGestion des images en responsive design
Gestion des menusTravaux pratiquesImplémentation de différents scénarios 100% responsive
Public cible :
Ce cours Drupal Développeur s’adresse aux intégrateurs et web designers souhaitant découvrir comment créer des thèmes personnalisés sur Drupal ou concevoir des chartes graphiques respectueuses du code de Drupal. Les web designers ici concernés ont donc vocation à travailler en première instance pour faciliter le travail ultérieur des développeurs et intégrateurs, tout en prenant en considération le dimensionnement du temps de travail pour les équipes graphiques.
La formation intéressera également les développeurs et chefs de projet agissant au second ressort, que ce soit pour disposer d’un contrôle intégral du code généré par Drupal en interne, pour apprendre comment optimiser ses développements ou encore comment utiliser les APIs compatibles avec le CMS.
Prérequis :
Les participants à cette formation Drupal Développeur doivent nécessairement posséder une bonne maîtrise du HTML et du CSS puisqu’il s’agit des langages principaux générés par Drupal. Concrètement, cette maîtrise est indispensable pour gérer l’habillage et les thèmes propres à Drupal.
Des notions de responsive design sont également bienvenues, en particulier si vous visez un public mobile ou souhaitez diffuser votre offre sur le plus grand nombre d’écrans possibles.
Pour finir, le public développeur de cette formation tirera partie de notions préalables en PHP pour l’optimisation générale des développements et plus particulièrement pour l’usage de TWIG.
J'évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Date de mise à jour du programme : 12/06/2025
Dates et lieux
Période souhaitée
Lieux
Type d'affichage