React : Développement Web
- Durée
- Durée :3 jours
- Niveau
- Niveau :Intermédiaire
- Certification
- Certification :Non
1990€ HT
Prochaine session :
Remotion
Apprenez à créer des vidéos avec Remotion, React et l’IA pour automatiser la production de contenus dynamiquesDescription de la formation Remotion
Qu'est-ce que Remotion et l’IA appliqués à la vidéo ?
Remotion est un framework JavaScript permettant de créer des vidéos en code avec React. Il repose sur une logique de composants et de timeline pour produire des animations et contenus dynamiques. Associé à l’intelligence artificielle, il permet de générer rapidement des scripts, variantes de contenus, sous-titres et éléments visuels à partir de données ou de prompts.
Pourquoi suivre une formation Remotion et IA pour vidéos React ?
Cette formation permet d’automatiser la production vidéo et de créer des contenus personnalisés à grande échelle. Elle répond aux besoins actuels du marketing digital, du e-learning et de la communication moderne. Les participants apprennent à combiner React pour structurer les vidéos et l’IA pour accélérer la création et générer des variantes rapidement, tout en gardant le contrôle sur la qualité.
Programme de la formation
Objectif opérationnel :
Savoir concevoir et produire en autonomie des vidéos programmatiques avec Remotion, React et des outils d’IA.
Objectif pédagogiques :
À l'issue de cette formation Remotion, vous aurez acquis les connaissances nécessaires pour :
- Comprendre le fonctionnement de Remotion et son intégration dans un projet React
- Créer une composition vidéo et paramétrer sa durée, ses dimensions et sa fréquence d’images
- Réaliser des animations avec les principales API de Remotion
- Structurer une vidéo en scènes, séquences et composants réutilisables
- Intégrer images, audio, vidéo et contenus générés avec l’IA
- Utiliser l’IA pour produire des scripts, variantes textuelles, prompts visuels et éléments de storyboard
- Générer des vidéos paramétrables à partir de données d’entrée
- Réaliser un rendu final et mettre en place un mini workflow de production assisté par IA
Jour 1
Cas d’usage : contenus marketing, vidéos social media, templates personnalisés, motion design automatisé
Panorama des apports de l’IA dans une chaîne de création vidéo
Installation de l’environnement et préparation du projet
Prise en main de Remotion Studio et de l’organisation générale d’un projetTravaux pratiquesObjectif : Installer un environnement de travail complet et identifier les cas d’usage pertinents de Remotion combiné à l’IA.
Description : Les participants créent un projet Remotion, installent les dépendances nécessaires et lancent une première composition. Ils recensent ensuite plusieurs usages concrets de génération vidéo assistée par IA dans leur contexte métier, comme la création de vidéos promotionnelles, d’introductions automatisées ou de variantes de messages. Ils mettent en place leur projet fil rouge qui servira de base à toute la formation. Comment repérer les tâches réellement accélérables par l’IA dans un workflow vidéo ? La validation des acquis repose sur un environnement opérationnel et sur la formalisation d’un premier cas d’usage.
Utilisation de useCurrentFrame() et useVideoConfig()
Animations avec interpolate(), spring() et easing
Construction d’une scène d’introduction avec texte, fond et éléments graphiques
Bonnes pratiques pour des animations lisibles, sobres et maintenablesTravaux pratiquesObjectif : Réaliser une première scène animée exploitable dans une vidéo générée par le code.
Description : Les participants créent une séquence d’introduction comprenant un titre, un sous-titre et plusieurs éléments visuels animés selon la timeline. Ils testent différents rythmes d’animation et ajustent les paramètres pour obtenir un rendu fluide et cohérent. Ils utilisent également un assistant IA pour proposer des variantes de messages, d’accroches ou de formulations à intégrer à l’écran. Comment gagner du temps sur la phase de conception tout en gardant la maîtrise du rendu ? La validation des acquis se fait par la démonstration d’une première scène animée et commentée.
Création de storyboards simples avec l’IA
Aide à la rédaction de prompts pour visuels, fonds et univers graphiques
Structuration des contenus pour les injecter dans une composition Remotion
Bonnes pratiques de relecture, de validation et de contrôle humainTravaux pratiquesObjectif : Produire un contenu éditorial exploitable dans une vidéo Remotion grâce à l’IA.
Description : Les participants définissent un besoin de communication puis utilisent l’IA pour générer plusieurs propositions de scripts, de textes d’écran, de variantes marketing ou de messages pédagogiques. Ils sélectionnent les contenus les plus pertinents, les retravaillent et les intègrent dans leur projet. Ils apprennent à distinguer ce qui peut être automatisé de ce qui doit rester validé manuellement. L’IA permet-elle de produire directement un contenu prêt à diffuser ? La validation des acquis repose sur la création d’un mini storyboard et sur son intégration dans une composition réelle.Jour 2
Réutilisation de composants et de templates
Passage de props et personnalisation des contenus
Génération de variantes vidéo à partir de données
Cas d’usage : campagnes personnalisées, capsules e-learning, démos produitsTravaux pratiquesObjectif : Construire un template vidéo réutilisable et capable de produire plusieurs variantes.
Description : Les participants transforment leur projet fil rouge en vidéo paramétrable avec plusieurs entrées : titre, message, visuel principal, tonalité ou thème graphique. Ils créent plusieurs déclinaisons d’un même modèle pour simuler un usage marketing ou pédagogique. Ils s’appuient sur l’IA pour produire rapidement des variantes textuelles adaptées à différentes cibles. Comment passer d’une vidéo unique à un système de génération de contenus ? La validation des acquis se fait par la production de plusieurs versions cohérentes à partir d’un seul template.
Synchronisation des médias avec la timeline
Préparation de sous-titres, accroches et résumés générés avec l’IA
Introduction aux contenus visuels produits via IA et à leur intégration
Contrôle qualité, cohérence graphique et vérification éditorialeTravaux pratiquesObjectif : Enrichir une vidéo avec des médias et des contenus assistés par IA tout en gardant une cohérence d’ensemble.
Description : Les participants ajoutent à leur projet des images, une piste audio et plusieurs textes enrichis ou reformulés à l’aide de l’IA. Ils synchronisent l’apparition des éléments, améliorent la lisibilité générale et vérifient la cohérence entre message, rythme et design. Ils réalisent une passe de contrôle pour corriger les approximations éventuelles des contenus générés. Peut-on réellement industrialiser une vidéo sans mettre en place un contrôle qualité rigoureux ? La validation des acquis repose sur une séquence multimédia complète et correctement synchronisée.
Export et rendu final
Organisation d’un mini workflow de production
Répartition des rôles entre automatisation, IA et validation humaine
Bonnes pratiques de maintenance, réutilisation et documentationTravaux pratiquesObjectif : Finaliser une vidéo exportable et formaliser une méthode de production réutilisable.
Description : Les participants finalisent leur projet, effectuent un rendu local et documentent les différentes étapes du workflow mis en place pendant la formation : idéation, génération assistée, intégration technique, contrôle et export. Ils identifient les gains obtenus grâce à l’IA ainsi que les points de vigilance à conserver en production. Ils terminent par une restitution synthétique de leur démarche et de leur vidéo finale. Comment intégrer durablement l’IA dans un processus de production sans perdre en qualité ni en maîtrise ? La validation des acquis s’effectue par l’export d’une vidéo complète et par une présentation du workflow conçu.
Découvrir Remotion et les usages IA dans la production vidéo
Positionnement de Remotion dans l’écosystème ReactCas d’usage : contenus marketing, vidéos social media, templates personnalisés, motion design automatisé
Panorama des apports de l’IA dans une chaîne de création vidéo
Installation de l’environnement et préparation du projet
Prise en main de Remotion Studio et de l’organisation générale d’un projetTravaux pratiquesObjectif : Installer un environnement de travail complet et identifier les cas d’usage pertinents de Remotion combiné à l’IA.
Description : Les participants créent un projet Remotion, installent les dépendances nécessaires et lancent une première composition. Ils recensent ensuite plusieurs usages concrets de génération vidéo assistée par IA dans leur contexte métier, comme la création de vidéos promotionnelles, d’introductions automatisées ou de variantes de messages. Ils mettent en place leur projet fil rouge qui servira de base à toute la formation. Comment repérer les tâches réellement accélérables par l’IA dans un workflow vidéo ? La validation des acquis repose sur un environnement opérationnel et sur la formalisation d’un premier cas d’usage.
Créer une composition et produire ses premières animations
Définition d’une composition : durée, dimensions, FPSUtilisation de useCurrentFrame() et useVideoConfig()
Animations avec interpolate(), spring() et easing
Construction d’une scène d’introduction avec texte, fond et éléments graphiques
Bonnes pratiques pour des animations lisibles, sobres et maintenablesTravaux pratiquesObjectif : Réaliser une première scène animée exploitable dans une vidéo générée par le code.
Description : Les participants créent une séquence d’introduction comprenant un titre, un sous-titre et plusieurs éléments visuels animés selon la timeline. Ils testent différents rythmes d’animation et ajustent les paramètres pour obtenir un rendu fluide et cohérent. Ils utilisent également un assistant IA pour proposer des variantes de messages, d’accroches ou de formulations à intégrer à l’écran. Comment gagner du temps sur la phase de conception tout en gardant la maîtrise du rendu ? La validation des acquis se fait par la démonstration d’une première scène animée et commentée.
Générer du contenu vidéo avec l’IA
Génération assistée de scripts courts, slogans et messagesCréation de storyboards simples avec l’IA
Aide à la rédaction de prompts pour visuels, fonds et univers graphiques
Structuration des contenus pour les injecter dans une composition Remotion
Bonnes pratiques de relecture, de validation et de contrôle humainTravaux pratiquesObjectif : Produire un contenu éditorial exploitable dans une vidéo Remotion grâce à l’IA.
Description : Les participants définissent un besoin de communication puis utilisent l’IA pour générer plusieurs propositions de scripts, de textes d’écran, de variantes marketing ou de messages pédagogiques. Ils sélectionnent les contenus les plus pertinents, les retravaillent et les intègrent dans leur projet. Ils apprennent à distinguer ce qui peut être automatisé de ce qui doit rester validé manuellement. L’IA permet-elle de produire directement un contenu prêt à diffuser ? La validation des acquis repose sur la création d’un mini storyboard et sur son intégration dans une composition réelle.Jour 2
Structurer une vidéo dynamique et paramétrable
Découpage en scènes et séquences avec <Sequence> et logique modulaireRéutilisation de composants et de templates
Passage de props et personnalisation des contenus
Génération de variantes vidéo à partir de données
Cas d’usage : campagnes personnalisées, capsules e-learning, démos produitsTravaux pratiquesObjectif : Construire un template vidéo réutilisable et capable de produire plusieurs variantes.
Description : Les participants transforment leur projet fil rouge en vidéo paramétrable avec plusieurs entrées : titre, message, visuel principal, tonalité ou thème graphique. Ils créent plusieurs déclinaisons d’un même modèle pour simuler un usage marketing ou pédagogique. Ils s’appuient sur l’IA pour produire rapidement des variantes textuelles adaptées à différentes cibles. Comment passer d’une vidéo unique à un système de génération de contenus ? La validation des acquis se fait par la production de plusieurs versions cohérentes à partir d’un seul template.
Intégrer des médias et contenus enrichis par l'IA
Intégration d’images, de bandes-son et de séquences vidéoSynchronisation des médias avec la timeline
Préparation de sous-titres, accroches et résumés générés avec l’IA
Introduction aux contenus visuels produits via IA et à leur intégration
Contrôle qualité, cohérence graphique et vérification éditorialeTravaux pratiquesObjectif : Enrichir une vidéo avec des médias et des contenus assistés par IA tout en gardant une cohérence d’ensemble.
Description : Les participants ajoutent à leur projet des images, une piste audio et plusieurs textes enrichis ou reformulés à l’aide de l’IA. Ils synchronisent l’apparition des éléments, améliorent la lisibilité générale et vérifient la cohérence entre message, rythme et design. Ils réalisent une passe de contrôle pour corriger les approximations éventuelles des contenus générés. Peut-on réellement industrialiser une vidéo sans mettre en place un contrôle qualité rigoureux ? La validation des acquis repose sur une séquence multimédia complète et correctement synchronisée.
Rendre la vidéo et mettre en place un workflow de production assisté par IA
Prévisualisation dans Remotion StudioExport et rendu final
Organisation d’un mini workflow de production
Répartition des rôles entre automatisation, IA et validation humaine
Bonnes pratiques de maintenance, réutilisation et documentationTravaux pratiquesObjectif : Finaliser une vidéo exportable et formaliser une méthode de production réutilisable.
Description : Les participants finalisent leur projet, effectuent un rendu local et documentent les différentes étapes du workflow mis en place pendant la formation : idéation, génération assistée, intégration technique, contrôle et export. Ils identifient les gains obtenus grâce à l’IA ainsi que les points de vigilance à conserver en production. Ils terminent par une restitution synthétique de leur démarche et de leur vidéo finale. Comment intégrer durablement l’IA dans un processus de production sans perdre en qualité ni en maîtrise ? La validation des acquis s’effectue par l’export d’une vidéo complète et par une présentation du workflow conçu.
Public cible :
Ce cours s'adresse aux développeurs front-end, développeurs JavaScript/TypeScript, intégrateurs, motion designers techniques et créateurs de contenus souhaitant automatiser la production vidéo.
Prérequis :
Maîtriser JavaScript et avoir des bases en React est indispensable. Une connaissance de Node.js et des outils de développement est recommandée. Une première expérience avec des outils d’IA générative est un plus.
J'évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Date de mise à jour du programme : 24/03/2026
Dates et lieux
Période souhaitée
Lieux
Type d'affichage