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
Christophe
Formation en distanciel qui s'est bien passé, lsans problèmes techniques. Le formateur est très calé sur son sujet et fait passer son savoir de belle façon.
16 Sep 2022
Erwan
Super comme d'habitude avec Romain !
17 Jun 2022
Floriane
Rythme parfois un peu lent mais contenu intéressant et pertinent
17 Jun 2022
Pauline
Merci pour la formation !
16 Mar 2022
Laurent
Très bonne entrée en matière sur Drupal !
11 Fév 2022
Liess
l'énoncé des exercices étaient souvent très difficile à comprendre pour des non initiés à Drupal. Le formateur était quand même très à l'écoute de nos difficultés de compréhension, quitte à ce qu'il se répète plusieurs fois.
11 Fév 2022
Jennifer
Merci beaucoup pour votre patience et votre pédagogie. J'ai eu l'occasion de faire plusieurs formations du genre, et avoir un formateur qui est à l'écoute et qui ne dénigre pas (oui oui) les gens est très agréable. À la semaine prochaine !
11 Fév 2022
Jean
Bonne formation.
11 Fév 2022

Qualité et certifications       Qualiopi     Datadock