Cette formation vous permet de maitriser la couche de theming de Drupal 8/9
Description de la formation Drupal 10 Developer (Front-end)
Openska vous propose cette formation Drupal 10 développeur (front end) sur 2 jours pour vous permettre de maîtriser la couche de theming de Drupal 10 : gestion des assets (CSS et JS) et des templates (avec le moteur de thème TWIG), fonction de preprocess, Responsive Design (breakpoint), surcharge du HTML / CSS de modules contribués et intégration d’un plugin externe.
Bulletin d’
inscription Demande de
devis Détail du
programme
Programme de la formation Drupal 10 Developer(Front-end)
- Introduction
- Présentation de Drupal.
- Les thèmes natifs et la notion de layout.
- La structure de données : le principe d’entité.
- Modes d’affichage et la sérialisation des données.
- Le mode développement.
- Introduction à l’intégration
- La structure de Drupal.
- La structure d’un thème.
- La création d’un thème personnalisé.
- La gestion des templates
- La structure d’une page : un emboîtement de templates.
- Les mécanismes de substitution de templates.
- Template et documentation: un exemple avec le template node.html.twig.
- Introduction au langage Twig : syntaxe, fonctionnalités, module « Twig tweak ».
- Le préprocessing
- La notion de « Render array ».
- La notion de hook.
- Les fonctions de préprocess et la granulométrie des données.
- Correspondance entre les données et le template.
- La suggestion de templates.
- La gestion des assets
- La déclaration des librairies du projet.
- L’utilisation contextuelle d’une librairie.
- L’organisation des feuilles de styles.
- L’implémentation de scripts JS.
- L’optimisation des assets
- Performance et agrégation.
- L’utilisation de technologies JavaScript pour optimiser l’administration des composantes d’un thème.
- Présentation de quelques outils : « NodeJs », « Yarn », « Gulp ».
- Mettre en place ces outils dans un projet Drupal : minifier les assets, compiler Sass et Less.
- Rendre son thème configurable en back-office
- Généralité sur la gestion des configurations du thème.
- L’implémentation de configurations personnalisées.
- L’utilisation des configurations pour personnaliser le thème.
- Responsive Design avec Drupal 10
- Implémentation des points de rupture
- Gestion des images en responsive design
- Gestion des menus
|
LA SATISFACTION DES PARTICIPANTS À CETTE FORMATION EST DE 4.9/5 :