Formation Drupal Développement Front-End

Drupal est l’un des trois CMS (Système de Gestion de Contenu) les plus utilisés dans le monde pour créer et animer des sites Internet. En France, de nombreux sites de grande audience l’utilisent, notamment des sites de médias exigeant une maintenance facile. Ecrit en PHP, ce logiciel Open Source bénéficie d’une importante communauté de développeurs garante d’une meilleure sécurité. Il est apprécié pour sa modularité et son évolutivité.

Cette formation Drupal Développement Front-End vous apprend à maîtriser la couche de theming de Drupal : 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.

Objectif opérationnel :

Savoir créer et personnaliser un thème pour Drupal.

Objectifs pédagogiques :

Concrètement, à l’issue de cette formation Drupal Développement Front-End, le participant sera capable de :

• Comprendre le système de "theming" (habillage) de Drupal
• Apprendre à contrôler à 100% le HTML/CSS généré par Drupal
• Être 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 :

Cette formation s’adresse aux web designers souhaitant créer des thèmes Drupal, ou concevoir des chartes graphiques qui tiennent compte de la "philosophie Drupal" pour qu'elles soient plus faciles à intégrer ensuite. Ce cours cible également les développeurs ou intégrateurs amenés à travailler sur la partie thème d'un projet Drupal.

Prérequis :

Pour profiter pleinement de ce cours Drupal Développement Front-End, il est indispensable de connaître le langage HTML et les feuilles de style CSS. Des notions de PHP et de Responsive Design sont aussi nécessaires mais pas indispensables.

Introduction au développement front-end sous Drupal

Les fondamentaux du theming

Le système de templating TWIG

La gestion des assets

Module Layout Discovery

Système de configuration

La gestion du Javascript

Responsive Design avec Drupal