Drupal 8 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
Cette formation a pour but de maitriser la couche de theming de Drupal 8 : 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 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, 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é
Télécharger en PDF
(162.49 KB)
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 8.
- Les outils du webdesigner : Firebug, TWIG debug.
2. Thème, les fondamentaux
- 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. 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. Gestion des assets
- Connaitre le système de bibliothèques (librairies).
- Dépendances de librairies et librairies natives de Drupal 8.
- Comprendre l'architecture SMACSS : approche Web Component.
- Comment charger une bibliothèque : code PHP, depuis un fichier de template.
5. 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. Système de configurations
- Comprendre le système de configuration de Drupal 8.
- Comment embarquer un ensemble de configurations dans un thème.
- Gestion des dépendances entre configurations.
7. Gestion du Javascript
- Gestion du Javascript sous Drupal 8 : 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 8 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 8.
L’avis des stagiaires
Note moyenne sur 50 avis clients :
4 sur 5 étoiles
4,5 /5 Critéres d’évaluation :
Pédagogie
5 sur 5 étoiles
4,7/5 Contenu
4 sur 5 étoiles
4,4/5 Rythme
4 sur 5 étoiles
4,3/5
Commentaires des clients
Très bon accompagnement du formateur.
Très bonne formation. Le programme est vraiment exhaustif ce qui nous permet d'avoir une vue d'ensemble.
Le Rythme peut-être un peu rapide. Vu la densité du programme, un jour supplémentaire ne serait pas de trop. Cela nous permettrais de manipuler encore plus. A part ça, rien à dire, c'étais vraiment instructif! Merci!
Formateur toujours très compétent.
La formation est très bien. Matthieu est un excellent formateur et prend le temps de suivre le stagiaire. Très bien!
Un Rythme un peu soutenu.