Forma-it

Formation Développement Front-End avec Drupal 11 : Créer des Interfaces Riches et Performantes

Référence : mk-dfe
960 € HT
2 jours
14 h

Nos sessions sont garanties dès 1 inscrit (sauf cas de force majeure).

Description de la formation Développement Front-End avec Drupal 11 : Créer des Interfaces Riches et Performantes

Avec la sortie de Drupal 11, le CMS open-source franchit un nouveau cap en termes de flexibilité, de performance front-end et d’intégration moderne (Twig, JavaScript, composants, headless…).

Cette formation vous permet de maîtriser les fondamentaux du développement front-end moderne dans Drupal, en créant des thèmes personnalisés, des interfaces dynamiques, et des composants réutilisables adaptés à vos besoins UX/UI.

👉 Une formation idéale pour développeurs, intégrateurs ou web designers souhaitant professionnaliser leurs projets Drupal.

Format

Distanciel (sessions enregistrées).
Il est possible de réaliser la formation sur votre site et de personnaliser le contenu de la formation afin de répondre aux besoins de votre projet professionnel.

BON A SAVOIR

Cette formation comprend de nombreux exercices (60 % de pratique) pour un meilleur apprentissage.  Les sessions sont garanties dès 1 inscrit (sauf cas de force majeure). Un entretien en amont a lieu entre le participant et ou un référent de l »entreprise afin de bien prendre en compte le profil du participant (niveau, besoins, contexte professionnel, enjeux…).
Evaluation : pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants reçoivent une attestation de validation d’acquis à l’issue de la formation.

objectifs

 A l’issue de la formation le participant sera capable de : 

  • Comprendre l’architecture front-end dans Drupal 11 : thèmes, templates, composants.
  • Créer un thème personnalisé avec Twig et le système de rendu Drupal.
  • Maîtriser la structuration CSS (via libraries, SASS, composants) dans Drupal.
  • Intégrer des éléments dynamiques : vues, formulaires, blocs custom.
  • Utiliser JavaScript (vanilla ou framework) dans des contextes front Drupal.
  • Optimiser les performances, la responsivité et la maintenabilité du code.
  •  

Prérequis

  • Bonnes bases en HTML, CSS et JavaScript
  • Notions en PHP et logique CMS appréciée
  • Une première expérience avec un CMS ou un framework est un plus (WordPress, Drupal 7/8/9/10…)

Public

Professionnels souhaitant développer des applications Power Apps sous SharePoint.

programme détaillé de la formation Architecture front-end Drupal 11

Architecture front-end Drupal 11

Présentation des évolutions de Drupal 11 côté front. Vue d’ensemble : thème, libraries, moteur de template, structure des fichiers.

Bootstrap d’un thème, fichier .info.yml, attachement de libraries CSS/JS, surcharge de templates, arborescence.

Syntaxe Twig, filtres, blocs, contextes, conditions. Personnalisation des templates de nœuds, de vues, de blocs.

Architecture CSS moderne dans Drupal. Utiliser SASS, variables, BEM. Organisation scalable de composants UI.

Intégration JS natif ou avec framework (ex : Alpine.js, Vue). Ajout de comportements, interactivité, composants dynamiques (modals, sliders, etc.).

Accessibilité, responsive design, performance, chargement conditionnel, lazy loading, audit UX.

Cette formation :

  • Se focalise exclusivement sur le front-end Drupal (ce qui manque souvent aux formations généralistes)
  • Utilise Drupal 11, version à jour, pour garantir pérennité du savoir
  • Inclut des pratiques modernes (Twig, SASS, JavaScript léger) au lieu d’un simple theming de base
  • Est orientée projet avec mise en pratique immédiate sur un thème complet
  •  
4-assos

Nos formations sont aussi solidaires

Chez Forma-IT, chaque formation est aussi un acte solidaire : une partie de votre inscription est reversée à des associations engagées dans des causes qui nous tiennent à cœur, comme la SPA, les Restos du Cœur, Ludopital ou APF France Handicap. En vous formant avec nous, vous développez vos compétences tout en soutenant la protection animale, la lutte contre la précarité, le bien-être des enfants hospitalisés et les droits des personnes en situation de handicap.

Nos formations associées

Realistic-back-end-developer-training-in-a-modern-tech-classroom

Formation Drupal 10-11 Developer Back-end

Utilisez Drupal comme un framework pour accélérer vos propres développements en vous appuyant sur vos APIs.

drupal-front-end

Formation Drupal 10 & 11 : Le Parcours Complet – De l’Installation aux Développements Avancés

 Maîtrisez les bonnes pratiques de développement et d’administration de Drupal.

Vous souhaitez connaitre les prochaines sessions ?

Vous souhaitez planifier cette formation à une date spécifique ? Contactez-nous par email ou en remplissant le formulaire de contact.