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 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 8
  • Les outils du développeur front-end, désactivation du cache de rendu et TWIG debug

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

  • Connaitre le système de bibliothèques (librairies)
  • Dépendances de librairies et librairies natives de Drupal 8
  • Comprendre l’architecture SMACSS : approche Web Component
  • Comment charger une bibliothèque : code PHP, depuis un fichier de template

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
Cookies