DRUPAL Theming
Intégration front d'un site responsive avec DRUPAL Theming et site builder
Description de la Template formation courte
Description de la formation DRUPAL Theming
Drupal est un système de gestion de contenu (CMS) puissant et flexible, largement adopté par des organisations de premier plan telles que l’Unesco, Cartier, le Musée d'Orsay, Ameli, Ouest-France, Inria, SNCF …
Conçu pour la création de sites web complexes et dynamiques, Drupal offre une plateforme robuste pour le développement web, capable de gérer des sites d'information, des portails gouvernementaux, des plateformes d'e-commerce, et bien plus encore.
Objectifs
A l'issu de cette formation, les participants seront en mesure de :
Drupal est un système de gestion de contenu (CMS) puissant et flexible, largement adopté par des organisations de premier plan telles que l’Unesco, Cartier, le Musée d'Orsay, Ameli, Ouest-France, Inria, SNCF …
Conçu pour la création de sites web complexes et dynamiques, Drupal offre une plateforme robuste pour le développement web, capable de gérer des sites d'information, des portails gouvernementaux, des plateformes d'e-commerce, et bien plus encore.
Objectifs
A l'issu de cette formation, les participants seront en mesure de :
Programme
Introduction à Drupal Theming
- Présentation de Drupal Theming
- Avantages de la personnalisation des thèmes
- Structure de base d'un thème Drupal
Environnement de Développement
- Configuration de l'éditeur de code Visual Studio Code : linter, formatter, raccourcis clavier, snipets
- Configuration de l'environnement local (WAMP, MAMP, XAMPP)
- Installation de Composer et Drush
- Configuration de l'IDE (PHPStorm, Visual Studio Code)
Création de Thèmes Personnalisés
- Création d'un nouveau thème à partir de zéro
- Utilisation de l'API de thème de Drupal
- Structure de fichiers d'un thème Drupal
Templating avec Twig
- Introduction à Twig
- Syntaxe de base de Twig
- Utilisation des variables et des filtres dans Twig
- Héritage de templates avec Twig
- Mise en application / TP
Personnalisation de l'Apparence
- Utilisation de CSS pour la personnalisation
- Utilisation de SCSS/SASS pour la personnalisation avancée
- Utilisation de JavaScript pour ajouter des interactions
- Utilisation de bibliothèques JavaScript externes
- Mise en application / TP
Gestion des Assets
- Gestion des images et des fichiers
- Utilisation des bibliothèques CSS et JavaScript
- Optimisation des performances avec la compression et le minification
- Mise en application / TP
Responsive Design
- Principes de base du design responsive
- Utilisation des media queries dans CSS
- Tests de responsive design
- Techniques pour un design adaptatif
- Mise en application / TP
Thème Parent et Sous-thèmes
- Introduction aux thèmes parent et sous-thèmes avec Bootstrap Sass et Bootstrap Barrio
- Utilisation d'un thème parent pour la personnalisation
- Création de sous-thèmes pour l'héritage et la personnalisation
- Mise en application / TP
Thème de Contenu
- Création de thèmes de contenu personnalisés
- Utilisation de templates de contenu
- Personnalisation de la présentation des types de contenu
- Introduction aux hooks de thème
- Exemples pratiques d'utilisation des hooks de thème
- Mise en application / TP
Bilan de fin de formation et évaluation des acquis
Le(s) formateur(s) préssenti(s)
Yvan
Expert JavascriptYvan DOUENEL
Fondateur de Copernet, Yvan occupe désormais le poste de coordinateur pédagogique au sein de Diginamic.