EduGroupe accompagne les entreprises dans leurs projets de formation liée aux technologies informatiques
Formation Drupal 8/9 Front-end
- Référence : OPS011B
- Durée : 14 heures
- Certification : Non
- Eligible CPF : Non
CONNAISSANCES PREALABLES
- Connaître HTML et CSS, avoir des notions de PHP, avoir des notions de Responsive Design
PROFIL DES STAGIAIRES
- 1-Web designers souhaitant créer des thèmes Drupal 8, ou concevoir des chartes graphiques qui tiennent compte de la "philosophie Drupal" pour qu'elles soient plus faciles à intégrer ensuite
- 2-Développeurs ou intégrateurs amenés à travailler sur la partie thème d'un projet Drupal
OBJECTIFS
- 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
- Créer son propre thème
- Changer l'apparence d'un module sans toucher au code de ce module
METHODES PEDAGOGIQUES
- 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
- La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
METHODES D'EVALUATION DES ACQUIS
- Auto-évaluation des acquis par le stagiaire via un questionnaire
- Attestation de fin de stage adressée avec la facture
FORMATEUR
Consultant-Formateur expert Développement Internet
CONTENU DU COURS Développement Internet
1 - Introduction
- Présentation et installation des outils de développement (XAMPP, Editeur PHP)
- Téléchargement et installation de Drupal 8
- Les outils du développeur front-end, désactivation du cache de rendu et TWIG debug
- Présentation rapide de Drupal et de son jargon (node, taxonomie…)
2 - 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
3 - Le 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
4 - La gestion des assets
- Dépendances de librairies et librairies natives de Drupal 8
- Comment charger une bibliothèque : code PHP, depuis un fichier de template
- Comprendre l’architecture SMACSS : approche Web Component
- Connaitre le système de bibliothèques (librairies)
5 - Le module Layout Discovery
- Intérêts de l’approche des layouts
- Définir des layouts depuis un thème
- Utilisation avec le module Display Suite
6 - Le système de configuration
- Comprendre le système de configuration de Drupal 8
- Comment embarquer un ensemble de configurations dans un thème
- Gestion des dépendances entre configurations
7 - La gestion du Javascript
- Gestion du Javascript sous Drupal 8 : jQuery, Drupal.behaviors et DrupalSettings
- Les bibliothèques disponibles de base
- Comment ajouter un script custom dans son thème
8 - Responsive Design avec Drupal
- Implémentation des points de rupture
- Gestion des images en responsive design
- Gestion des menus
