Drupal 10 - Perfectionnement - Pour les développeurs Front End
Proposé par
M2I
Prérequis
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En centre
- À distance
Objectifs pédagogiques
A l'issue de cette formation, vous serez capable de :
- 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.
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
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Proposé par
M2I
"Un leadership dans le domaine de la formation"
Proposé par
M2I
