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

  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 8, 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

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.

INTER

FORMATION DANS NOS LOCAUX

Choisir une date
INTRA

FORMATION DANS VOS LOCAUX

Nous contacter

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

Par Deoraj le 28/08/2017

Pédagogie
5 étoiles
Contenu
5 étoiles
Rythme
5 étoiles

Bonne formation sur theming/intégration.

Plus de pratiques et plus de détails auraient nécessités une journée de plus.

Par Nashrin le 28/08/2017

Pédagogie
5 étoiles
Contenu
5 étoiles
Rythme
5 étoiles

J'ai mieux compris comment marche le thème Drupal 8 et cela va forcément m'aider à améliorer les prochains projet Drupal 8.

Par Anonyme le 28/08/2017

Pédagogie
5 étoiles
Contenu
4 étoiles
Rythme
5 étoiles

C'est instructif, j'ai bien appris les concepts des hook/preprocess et les "tips" à appliquer sur des nouveaux projets.

Par Anonyme le 21/06/2017

Pédagogie
5 étoiles
Contenu
5 étoiles
Rythme
5 étoiles

Malgré un contenu très dense, Romain à su adapter le cours. Parfait!

Par Sophie le 19/05/2017

Pédagogie
4 étoiles
Contenu
4 étoiles
Rythme
5 étoiles