Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > éditeurs > Drupal > Drupal 8 Développeur Front-End

Drupal 8 Développeur Front-End

Themer / Intégrateur

drupal

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

  • 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 Drupal.
  • Créer son propre thème.
  • Changer l'apparence d'un module sans toucher au code de ce module.

Public

  • 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 de la formation

Introduction

  • Présentation rapide de Drupal et de son jargon (node, taxonomie...).
  • Présentation et installation des outils de développement (WAMP, Editeur PHP, Firefox).
  • Téléchargement et installation de Drupal 8.
  • Les outils du webdesigner : Firebug, TWIG debug, module "Theme developer".

Thème, les fondamentaux

  • Principe de base.
  • Les fichiers d'un thème.
  • Les différents éléments natifs de Drupal.
  • Thème de base et héritage.

Système de templating Twig

  • Gestion des templates.
  • Introduction à Twig.
  • Twig Debug.
  • Surcharge de templates.
  • Ajouter des suggestions de template custom.

Gestion des assets

  • Système de bibliothèques.
  • Dépendances et bibliothèques natives.
  • Architecture SMACSS.
  • Différents types de chargement d'une bibliothèque.

Module Layout Discovery

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

Système de configurations

  • Système de configuration de Drupal 8.
  • Embarquer une configuration dans un thème.
  • Dépendance entre configuration.

Gestion du javascript

  • Gestion du Javascript et Drupal 8.
  • Les bibliothèques de base.
  • Ajouter un script custom.

Responsive Design avec Drupal 8

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

  • Implementation des points de rupture.
  • Gestion des images.
  • Gestion des menus.

Méthode pédagogique

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.