Détails du programme

  • Présentation rapide de Drupal et de son jargon (node, taxonomie...).
  • Présentation et installation des outils de développement (XAMPP, Editeur PHP).
  • Téléchargement et installation de Drupal.
  • Les outils du développeur front-end, désactivation du cache de rendu et TWIG debug.

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

  • Gestion des templates.
  • Introduction à Twig.
  • Préparer un environnement de travail avec Twig Debug.
  • Comprendre le système de surcharge des templates.
  • Comment ajouter des suggestions de templates custom.

  • Connaitre le système de bibliothèques (librairies).
  • Dépendances de librairies et librairies natives de Drupal.
  • Comprendre l'architecture SMACSS : approche Web Component.
  • Comment charger une bibliothèque : code PHP, depuis un fichier de template.

  • Intérêts de l'approche des layouts.
  • Définir des layouts depuis un thème.
  • Utilisation avec le module Display Suite.

  • Comprendre le système de configuration de Drupal.
  • Comment embarquer un ensemble de configurations dans un thème.
  • Gestion des dépendances entre configurations.

  • Gestion du Javascript sous Drupal : jQuery, Drupal.behaviors et DrupalSettings.
  • Les bibliothèques disponibles de base.
  • Comment ajouter un script custom dans son thème.

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

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

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

Objectifs

Cette formation a pour but de maitriser la couche de theming de Drupal : 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.

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 pour 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 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. Etre capable d'intégrer n'importe quelle charte graphique sous forme de thème.
  4. Créer son propre thème.
  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 Drupal, ou concevoir des chartes graphiques qui tiennent compte de la "philosophie Drupal" pour qu'elles soient plus faciles à intégrer ensuite.
  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
Paris - du au
Paris - du au
Paris - du au

L’avis des stagiaires

Note moyenne sur 82 avis clients :
4.6/5
5 étoiles
52
4 étoiles
30
3 étoiles
0
2 étoiles
0
1 étoile
0
Khady
Merci pour cette formation !
11 déc 2020
Thierry
Expérience enrichissante et utile. Peut-être le support pourrait être optimisé. Mais le formateur est très pédagogue.
6 nov 2020
Cyril
Merci !
6 nov 2020
Clément
Formation très complète, bon aperçu du theming
11 Sep 2020
Christelle
Très clair et très intéressant ! Exemples concrets, réponses à toutes nos questions ! Top ! Merci ! :)
12 juin 2020
Mathieu
J'aurais aimé voir un peu plus l'aspect démarrage d'un projet Drupal, avec la mise en place d'un workflow gulp ou webpack et le mettre en oeuvre pour compiler chaque fichier scss en css. Sinon le reste était plutôt bien amené et présenté.
12 juin 2020
Alan
Super formateur :)
12 juin 2020
Lucas
Mettre à disposition des vm pour les personnes avants des problèmes pour installer un site sur leur machine
5 mai 2020

Qualité et certifications       Qualiopi     Datadock