Drupal 8 & 9 Développeur Front-End
- Durée 2 jours
- Niveau Intermédiaire
- Code CPF 235691
- INTER Formation dans nos locaux
- Prix 1000€ HT
- Forfait repas Non fournis
- INTRA Formation dans vos locaux
- Prix 1600€ HT/jr
-
Pour convenir des dates et formalités
Nos formations INTER et INTRA entreprise peuvent être assurées au choix en présentiel ou à distance par visioconférence.
Cette formation a pour but de maitriser la couche de theming de Drupal 8 & 9 : 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
- Connaître le fonctionnement du développement front sous Drupal 8 & 9 afin de pouvoir piloter un projet de refonte graphique.
- Comprendre les particularités d’un thème pour Drupal 8 & 9 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.
Certification Trained People
- Drupal 8 & 9 Intégrateur : intégration de chartes graphiques sous forme de thème avec la version 8 du CMS Drupal.
Objectifs de la formation
- Comprendre le système de "theming" (habillage) de Drupal.
- Apprendre à contrôler à 100% le HTML/CSS généré par Drupal.
- Etre capable d'intégrer n'importe quelle charte graphique sous forme de thème.
- Créer son propre thème.
- Changer l'apparence d'un module sans toucher au code de ce module.
Public concerné
- Web designers souhaitant créer des thèmes Drupal 8 & 9, ou concevoir des chartes graphiques qui tiennent compte de la "philosophie Drupal" pour qu'elles soient plus faciles à intégrer ensuite.
- Développeurs ou intégrateurs amenés à travailler sur la partie thème d'un projet Drupal.
Pré-requis
- Connaître HTML et CSS (indispensable)
- Avoir des notions de PHP (conseillé)
- Avoir des notions de Responsive Design
Programme détaillé
1. Introduction
- 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.
2. Les fondamentaux du theming
- 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.
3. Le système de templating TWIG
- 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.
4. La gestion des assets
- 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.
5. Le module Layout Discovery
- Intérêts de l'approche des layouts.
- Définir des layouts depuis un thème.
- Utilisation avec le module Display Suite.
6. Le système de configuration
- Comprendre le système de configuration de Drupal.
- Comment embarquer un ensemble de configurations dans un thème.
- Gestion des dépendances entre configurations.
7. La gestion du Javascript
- 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.
8. Responsive Design avec Drupal 8
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.
Commentaires des clients
Très bonne formation
Très bonne formation: instructive et dans un cadre agréable.
Pagination