Drupal 8 - Developpeur Front-End

Cours DP8-06

Classe présentielle

  • Ref. DP8-06
  • 2 jours
  • Lausanne
  • CHF 1'200.00

Classe virtuelle

  • Ref. DP8-06
  • 2 jours
  • Partout
  • CHF 1'200.00

Sur-mesure

  • Ref. DP8-06
  • A définir
  • Campus ITTA / Site client
  • Sur demande
Introduction 

Cette formation a pour but de maitriser la couche de theming de Drupal 8 : 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.

Objectifs 
  • Comprendre le système de "theming" (habillage) de Drupal
  • Apprendre à contrôler à 100% le HTML/CSS généré par Drupal
  • D'intégrer n'importe quelle charte graphique sous forme de thème Drupal
  • Créer leur propre thème
  • Changer l'apparence d'un module sans toucher au code de ce module
Connaissances préalables 
  • Connaître HTML et CSS (indispensable)
  • Avoir des notions de PHP (conseillé)
  • Avoir des notions de Responsive Design
Contenu du cours 

Introduction

  • Leçon 1 : Présentation rapide de Drupal et de son jargon (node, taxonomie...)
  • Leçon 2 : Présentation et installation des outils de développement (WAMP, Editeur PHP, Firefox)
  • Leçon 3 : Téléchargement et installation de Drupal 8
  • Leçon 4 : Les outils du webdesigner : Firebug, TWIG debug

 

Module 1 : Thème, les fondamentaux

  • Leçon 1 : Principe de base
  • Leçon 2 : Les fichiers d'un thème
  • Leçon 3 : Les différents éléments natifs de Drupal
  • Leçon 4 : Thème de base et héritage

 

Module 2 : Système de templating TWIG

  • Leçon 1 : Gestion des templates
  • Leçon 2 : Introduction à Twig
  • Leçon 3 : Twig Debug
  • Leçon 4 : Surcharge de templates
  • Leçon 5 : Ajouter des suggestions de template custom

 

Module 3 : Gestion des assets

  • Leçon 1 : Système de bibliothèques
  • Leçon 2 : Dépendances et bibliothèques natives
  • Leçon 3 : Architecture SMACSS
  • Leçon 4 : Différents types de chargement d'une bibliothèque

 

Module 4 : Module Layout Plugin

  • Leçon 1 : Intérêts de l'approche des layouts
  • Leçon 2 : Définir des layouts depuis un thème
  • Leçon 3 : Utilisation avec Page Manager
  • Leçon 4 : Utilisation avec Display Suite

  

Module 5 : Configuration

  • Leçon 1 : Système de configuration de Drupal 8
  • Leçon 2 : Embarquer une configuration dans un thème
  • Leçon 3 : Dépendance entre configuration

 

Module 6 : Javascript

  • Leçon 1 : Gestion du Javascript et Drupal 8
  • Leçon 2 : Les bibliothèques de base
  • Leçon 3 : Ajouter un script custom

 

Module 7 : Responsive Design avec Drupal 8

  • Leçon 1 : Implémentation des points de rupture.
  • Leçon 2 : Gestion des images en responsive design.
  • Leçon 3 : Gestion des menus.

Tout au long de la formation nous développerons un thème permettant ainsi de mettre en pratique tous les points essentiels à la maitrise du theming avec Drupal 8.