La formation est composée de 153 vidéos réparties sur 100 leçons :
➡️ CHAPITRE 1 – Thème Divi & interface (4h00)
—
🎬 14 vidéos – 0h40
👩🏻💻 Travaux pratiques (durée estimée) : 3h20
—
• Obtenir Divi
• Installer Divi et activer la clé de licence
• Les options du thème Divi
• Paramétrage via le « customizer »
• Gérer les menus & widgets
• Comprendre Divi
• Mettre à jour Divi
• Découverte du Visual Builder
🧩 Quiz #1
———
➡️ CHAPITRE 2 – Mise en page & dispositions (6h00)
—
🎬 29 vidéos – 1h30
👩🏻💻 Travaux pratiques (durée estimée) : 4h30
—
• Introduction
• La notion de « Layout »
• Sections, lignes & modules : c’est la base
• La logique des options
• Exercice : créer une mise en page simple
• Les « premade layouts »
• Bibliothèque Divi & export-import
• Flexbox CSS
• CSS Grid
• Flexbox ou CSS Grid
• Lignes & modules imbriquées / Groupes de modules
• L’inspecteur Divi
• Marges, espacements & dimensions
• Les unités CSS
• Dernières pensées
🧩 Quiz #2
———
➡️ CHAPITRE 3 – Modules & paramétrages (7h00)
—
🎬 35 vidéos – 1h36
👩🏻💻 Travaux pratiques (durée estimée) : 5h24
—
• Les arrières-plan
• Les filtres
• Les ombres, les bordures et les séparateurs
• Étendre les styles
• Les options de transformation
• Les animations d’entrée
• Les effets au survol (hover) et les transitions
• Les positions
• Les effets au scroll
• Les effets d’empilement
• Les conditions & la visibilité
• Les attributs
• Les interactions
• Challenge « Gumroad »
• Lottie
• Group Carousel
• Contenus dynamiques et variable manager
• Loop Builder
• Challenge « MoraMora »
🧩 Quiz #3
———
➡️ CHAPITRE 4 – Responsive Design (4h30)
—
🎬 14 vidéos – 0h45
👩🏻💻 Travaux pratiques (durée estimée) : 3h45
—
• Les Media Queries
• Les options responsives de Divi
• Les breakpoints
• Cas particulier : menu mobile responsive
• Défis « Gumroad mobile »
• Optimisation mobile
🧩 Quiz #4
———
➡️ CHAPITRE 5 – Design System (5h00)
—
🎬 14 vidéos – 0h50
👩🏻💻 Travaux pratiques (durée estimée) : 4h10
—
• Qu’est-ce que le Design System
• Préparer le guide des styles
• Les couleurs
• Les polices
• Les presets / pré-réglages
• Les variations de styles
• Compositions simples
• Compositions synchronisées
• Maintenir le design system
🧩 Quiz #5
———
➡️ CHAPITRE 6 – Theme Builder (6h00)
—
🎬 21 vidéos – 1h05
👩🏻💻 Travaux pratiques (durée estimée) : 4h55
—
• Comprendre le Theme Builder
• Modèle de site par défaut
• Headers & footers personnalisés
• Landing page sans header ni footer
• Page du blog
• Pages d’archives dynamiques
• Modèles des articles
• Page 404
• Résultats de recherche
• Astuces & bonnes pratiques
🧩 Quiz #6
———
➡️ CHAPITRE 7 – Migration de Divi 4 à Divi 5 (2h00)
—
🎬 6 vidéos – 0h15
👩🏻💻 Travaux pratiques (durée estimée) : 1h45
—
• Introduction à la migration
• Sauvegarder le site
• Tester sur un environnement de staging
• Migrer de Divi 4 à Divi 5
• Gérer les incompatibilités
• Rétrograder si nécessaire
🧩 Quiz #7
———
➡️ CHAPITRE 8 – IA, Vibe Coding & inspirations (4h30)
—
🎬 20 vidéos – 1h20
👩🏻💻 Travaux pratiques (durée estimée) : 3h10
—
• Divi Quick Site / Divi AI
• Menus sur-mesure
• Effets modernes (glassmorphism…)
• Curseur personnalisé
• Optimisations UX/UI
• Cas pratiques
• Inspirations
🧩 Quiz #8
———
➡️ Tutorat individuel en visio (10h00)
• 10h00 de visio privée avec partage d’écran – à répartir sur 4 ou 5 séances
• Questions / réponses personnalisées


