Formation - Drupal 10 - Perfectionnement - Pour les développeurs Front End
Développer des fonctionnalités avancées avec Drupal en environnement pro
Personnalisez chaque détail visuel de votre site Drupal 10 grâce au theming avancé.
Maîtrisez le système de templating Twig (surcharge, suggestions personnalisées), organisez efficacement vos assets (CSS/JS, SMACSS, bibliothèques), structurez vos mises en page avec Layout Builder et Page Manager, intégrez des scripts JavaScript modulaires, et concevez des sites Drupal entièrement responsives et maintenables.
- 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
Créer des templates, modules et automatisations en maîtrisant l’architecture Drupal
- Développeurs
- Intégrateurs
- Webdesigners
Il est indispensable de connaître HTML et CSS. Il est conseillé d'avoir des notions de PHP et de Responsive Design
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
- Introduction à Twig
- Twig Debug
Jour 2
Système de templating Twig - Suite
- Gestion des templates
- 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
Plusieurs dispositifs de financement sont accessibles via les OPCO (Opérateurs de Compétences), organismes agréés par le ministère du Travail dont le rôle est d’accompagner, collecter et gérer les contributions des entreprises au titre du financement de la formation professionnelle.
Pour plus d’information, une équipe de gestionnaires ABILWAYS spécialisée vous accompagne dans le choix de vos formations et la gestion administrative.
Équipe pédagogique :
Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation
Techniques pédagogiques :
Pédagogie participative mettant l'apprenant au cœur de l'apprentissage. Utilisation de techniques ludo-pédagogiques pour une meilleure appropriation. Ancrage facilité par une évaluation continue des connaissances au moyen d'outils digitaux et/ou de cas pratiques
Ressources pédagogiques :
Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme
