Télécharger en pdf

Détails du programme

  • Présentation rapide de Drupal et de son jargon (node, taxonomie...).
  • Les outils du développeur front-end : désactivation du cache de rendu et Twig debug.
  • Thème de base et héritage de thème ; créer un thème avec un starterkit officiel ou un starterkit contrib (ex. UI Suite DaisyUI).

  • Comprendre les principes de base, les fichiers essentiels d'un thème.
  • Les différents éléments natifs de Drupal, thème de base et héritage.

  • Gestion des templates, introduction à Twig, environnement de travail avec Twig Debug.
  • Comprendre le système de surcharge des templates et ajouter des suggestions custom.
  • Twig : inclusion et héritage, avec des exemples issus du cœur de Drupal.

  • Qu'est-ce qu'un SDC : template Twig, métadonnées YAML et assets JS/CSS regroupés dans un seul dossier.
  • Créer un composant SDC et le mapper à un type de paragraphe via l'interface d'administration.
  • Chargement des CSS/JS : global, local ou automatique.

  • Drupal Canvas : un page builder qui consomme directement la bibliothèque de composants (SDC ou Paragraphs).
  • Peupler et gérer sa bibliothèque de composants pour Canvas.

  • Connaître le système de bibliothèques (librairies) et leurs dépendances.
  • Comprendre l'architecture SMACSS : approche Web Component.
  • Comment charger une bibliothèque : code PHP, depuis un fichier de template.
  • Performance : l'agrégation native des CSS/JS, avec un gain mesuré concret.

  • Gestion du Javascript sous Drupal : Drupal.behaviors et drupalSettings (passer des données de PHP vers JS).
  • Ajouter un script custom dans son thème.
  • Exemple d'un composant SDC interactif (onglets) sans bibliothèque externe.

Par défaut le thème de Drupal prend en compte le Responsive Design.

  • Implémentation des points de rupture (breakpoints).
  • Gestion des images en responsive design.
  • Gestion des menus.

Tout au long de la formation nous développerons un thème et un design system permettant ainsi de mettre en pratique tous les points essentiels à la maîtrise du theming avec Drupal.

Objectifs

Cette formation a pour but de maîtriser la couche de theming de Drupal : gestion des assets (CSS et JS) et des templates (avec le moteur de thème Twig), construction d'un design system avec les Single Directory Components, composition de pages avec Drupal Canvas, Responsive Design (breakpoints), surcharge du HTML/CSS de modules contribués.

Objectifs opérationnels

  1. Connaître le fonctionnement du développement front sous Drupal afin de pouvoir piloter un projet de refonte graphique.
  2. Comprendre les particularités d'un thème et d'un design system Drupal afin d'être en mesure d'anticiper les temps de développement.
  3. Savoir évaluer le temps d'intégration d'une charte graphique sous forme de thème et de composants afin de pouvoir dimensionner l'équipe de développement.

Certification Trained People

  1. Drupal Intégrateur : intégration de chartes graphiques sous forme de thème avec la dernière version du CMS Drupal.

Objectifs de la formation

  1. Comprendre le système de « theming » (habillage) de Drupal.
  2. Apprendre à contrôler à 100% le HTML/CSS généré par Drupal.
  3. Être capable d'intégrer n'importe quelle charte graphique sous forme de thème et de design system (SDC).
  4. Créer son propre thème et composer des pages avec Drupal Canvas.
  5. Changer l'apparence d'un module sans toucher au code de ce module.

Public concerné

  1. Web designers souhaitant créer des thèmes et des design systems Drupal.
  2. Développeurs ou intégrateurs amenés à travailler sur la partie thème d'un projet Drupal.

Pré-requis

  1. Connaître HTML et CSS (indispensable)
  2. Avoir des notions de PHP (conseillé)
  3. Avoir des notions de Responsive Design

S'inscrire en INTER Drupal Développement Front-end

Paris

Paris - du au
S'inscrire

Voir les dates dans toutes les villes

L’avis des stagiaires

Note moyenne sur 110 avis clients :
4.6/5
5 étoiles
67
4 étoiles
39
3 étoiles
3
2 étoiles
0
1 étoile
1
Guillaume
Je trouve que le volet présentation de l'organisme prend beaucoup de temps, la formation étant déja courte c'est dommage .
30 Avr 2024
Benoit
RAS
1 Déc 2023
Faycel
Merci pour cette formation qui m'a permis d'en apprendre plus sur le theming Drupal
16 Mai 2023
Kellig
Romain est très sympa
16 Mai 2023
Kamal
Le formateur est très pédagogue, sympathique et patient !
10 Mar 2023
Alexandre
Il aurais été pertinent de voir comment installer Gulp et Sass sinon très bonne formation :)
10 Mar 2023
Florence
très bon formateur à l'écoute et pédago, le soutien de maxime en renfort est très appréciable. Par contre il faudrait mettre la formation sur 3 jours
2 Déc 2022
W. Firmin
Formation très enrichissante, mais rythme très soutenu.
2 Déc 2022

Qualité et certifications       Qualiopi     Datadock