L'ajout de cookie est désactivé sur votre navigateur, vous devez l'activer pour pouvoir naviguer sur ce site internet.
UpUp, la 1ère plateforme de mutualisation de formations.

Drupal 10 - Perfectionnement - Pour les développeurs Front End

Formation Informatique et systèmes d'information

Drupal 10 - Perfectionnement - Pour les développeurs Front End

Informatique > Informatique et systèmes d'information

Objectifs

  • Décrire le système de "theming" (habillage) de Drupal.
  • Contrôler à 100% le HTML / CSS généré par Drupal.
  • Intégrer n'importe quelle charte graphique sous forme de thème Drupal.
  • Créer votre propre thème.
  • Changer l'apparence d'un module sans toucher au code de ce module

Le programme de la formation

Introduction

 

Présentation rapide de Drupal et de son jargon (noeud, taxonomie...)
Présentation et installation des outils de développement (WAMP, éditeur PHP, Firefox)
Téléchargement et installation de Drupal
Les outils du webdesigner : Firebug, Twig debug

 

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 Plug-in

 

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

 

Configuration

 

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

 

JavaScript

 

Gestion du JavaScript et Drupal
Bibliothèques de base
Ajouter un script custom

 

Responsive Design avec Drupal (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

 

Exemples de travaux pratiques (à titre indicatif)

 

Etudes de cas :

  • Prise en main des fondamentaux de la création d'un thème avec Drupal
  • Utilisation du moteur de templating Twig dans Drupal
  • Utilisation des assets dans Drupal
  • Utilisation du module Layout Plug-in
  • Configuration d'un thème dans Drupal
  • Utilisation du JavaScript dans Drupal
  • Création d'un site Responsive Design avec Drupal

Public et Pré-requis de la formation

Développeurs, intégrateurs et webdesigners.

 

Il est indispensable de connaître HTML et CSS. Il est conseillé d'avoir des notions de PHP et de Responsive Design.

Méthode pédagogique de la formation

Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).

29 Commentaires