AJC FORMATION : 01. Drupal 8/9 pour les développeurs
Organisme
75009 PARIS 9
Contact
Durée
21 heuresModalités
- Classe virtuelle
- Présentiel
Les participants réalisent tout au long des exercices, QCM et/ou cas pratiques. En fin de formation, les acquis sont vérifiés
Prix
Public
Développeurs, intégrateurs, chefs de projet, web designers…
Pré-requis
- Connaître le langage HTML et CSS.
- Des notions de PHP et de Responsive Design sont conseillées.
Objectifs pédagogiques
- Comprendre le système de "theming" (habillage) de Drupal
- Apprendre à contrôler le HTML/CSS généré par Drupal
- Optimiser ses développements avec le framework Drupal 8/9 à l'aide des APIs
- Être capable d'intégrer n'importe quelle charte graphique sous forme de thème Drupal
- Créer son propre thème
- Ajuster le cœur de Drupal ou de ses modules sans en modifier le code source
Programme détaillé
Introduction
- Présentation rapide de Drupal et de son jargon (node, taxonomie...)
- Présentation et installation des outils de développement (XAMPP, Editeur PHP)
- Téléchargement et installation de Drupal
- Les outils du développeur front-end, désactivation du cache de rendu et TWIG debug
Travaux pratiques : Mise en place de l'environnement DRUPAL
Les fondamentaux du Theming
- Comprendre les principes de base
- Quels sont les fichiers essentiels d'un thème
- Quels sont les différents éléments natifs de Drupal
- Thème de base et héritage de thème
Système de templating TWIG
- Gestion des templates
- Introduction à Twig
- Préparer un environnement de travail avec Twig Debug
- Comprendre le système de surcharge des templates
- Comment ajouter des suggestions de templates custom
Travaux pratiques : Personnalisation d'un thème via un template Twig
Gestion des assets
- Connaitre le système de bibliothèques (librairies)
- Dépendances de librairies et librairies natives de Drupal
- Comprendre l'architecture SMACSS : approche Web Component
- Comment charger une bibliothèque : code PHP, depuis un fichier de template
Module Layout Plugin
- Intérêts de l'approche des layouts
- Définir des layouts depuis un thème
- Utilisation avec le module Display Suite
Travaux pratiques : Utilisation de Display Suite pour la mise en page
Système de configuration
- Comprendre le système de configuration de Drupal
- Comment embarquer un ensemble de configurations dans un thème
- Gestion des dépendances entre configurations
Travaux pratiques : Gestion de la configuration par la mise en place d'environnements de Tests, de production …
Javascript
- Gestion du Javascript sous Drupal : jQuery, Drupal.behaviors et DrupalSettings
- Les bibliothèques disponibles de base
- Comment ajouter un script custom dans son thème
Travaux pratiques : Manipulation le DOM via des appels AJAX
Responsive Design avec Drupal
- Implémentation des points de rupture
- Gestion des images en responsive design
- Gestion des menus
Travaux pratiques : Adaptation le site aux différents supports