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

En vue du mouvement de grève SNCF et RATP annoncé le 5 décembre prochain, nous vous proposons de mettre à votre disposition des outils vous permettant de participer à distance à notre session de formation prévue les 5 et 6 décembre 2019. N'hésitez pas à nous contacter pour toute question.

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 Ko)

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 Ihab le 28/08/2017

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

Les explications étaient plutôt claires et cette formation va m'aider grandement à mieux maitriser l'intégration via Drupal. Un grand merci à Romain pour son aide.

Par Christopher le 28/08/2017

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

Cette formation m'a procuré les bonnes bases pour l'adaptation et la création de thèmes.

Par Vidal le 28/08/2017

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

La formation s'est très bien passée. Le rythme était facile à suivre et Romain était sympa et attentif à nos questions.

Par Ihab le 28/08/2017

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

Les explications étaient plutôt claires et cette formation va m'aider grandement à mieux maitriser l'intégration via Drupal. Un grand merci à Romain pour son aide.

Par Harrys le 28/08/2017

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

Etant nouveau (débutant) sur Drupal, la formation a été complète par rapport au thème. Cela va me permettre de mettre tout de suite en pratique ce qu'on a acquis. Merci à M. Romain.