Décrivez votre besoin, recevez en 3 min un parcours sur mesure et un devis pré-rempli. Un RDV 100 % gratuit avec un conseiller.
Formation d'expertise · Niveau minimum requis
Ils nous font confiance — écoles, entreprises et groupes industriels
42 376 formations · 25 pays
On propose des formations avec un ingénieur dédié
Entreprises : Aptar, ArcelorMittal, Equans, Biocoop, Solocal, EDF, Photowatt, Ubisoft, Microsoft, Chronopost, RATP, Vanatome et Atos. Écoles partenaires : CESI, École IT, EFREI, EPSI, INGETIS, INSEEC, La Plateforme, My Digital School et Ynov.
Programme
Les participants découvrent les variants complexes et les transitions fluides dans Framer Motion. Ils explorent les props avancés, les états conditionnels et les animations basées sur les données. Des exercices pratiques sur des interfaces React permettent de créer des prototypes interactifs. Le formateur guide l'analyse de performances et l'ajustement des courbes d'animation. Chaque apprenant livre un composant animé réutilisable à la fin de la journée.
Cette journée approfondit les gestes tactiles et le drag and drop dans Framer Motion. Les apprenants configurent des contraintes physiques, des limites de zone et des retours haptique. Des cas concrets d'entreprise illustrent les usages dans des dashboards interactifs. Ils testent les performances sur mobile et optimisent le code pour éviter les saccades. Un mini-projet de liste déplaçable est livré en fin de session.
Les participants maîtrisent les animations de layout et les effets de scroll dans Framer Motion. Ils utilisent les hooks de mesure et les triggers de viewport pour des expériences immersives. Des exercices portent sur des sites one-page professionnels avec défilement narratif. L'accent est mis sur l'accessibilité et le respect des préférences utilisateur. Chaque personne produit une section de page scroll animée.
La formation aborde l'intégration de Framer Motion avec Three.js pour des animations 3D avancées. Les apprenants synchronisent les contrôles 2D et 3D, gèrent les lumières et les caméras. Des cas d'entreprise montrent des configurateurs produits immersifs. Des tests de performance sur GPU complètent la journée. Un prototype 3D interactif est finalisé comme livrable.
Cette dernière journée porte sur la création de bibliothèques de composants animés pour l'entreprise. Les participants mettent en place des tests automatisés et des stories Storybook. Ils optimisent le bundle et documentent les props pour une adoption large. Un projet final collectif consolide toutes les compétences acquises. Les livrables incluent un kit de composants certifiant la montée en compétences.
La formation Formation Framer Motion - Optimiser les animations React interactives est délivrée en présentiel ou distanciel (blended-learning, classe virtuelle, présentiel à distance). Chez Learni, organisme de formation certifié Qualiopi, chaque parcours est conçu pour maximiser l'acquisition de compétences, quel que soit le mode de formation choisi.
Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). Cette approche pédagogique garantit un apprentissage concret et directement applicable en entreprise.
Moyens pédagogiques requis
Pour le bon déroulement de la formation Formation Framer Motion - Optimiser les animations React interactives, les moyens pédagogiques suivants sont nécessaires :
En cas de formation intra-entreprise sur site externe à Learni, le client s'assure et s'engage à disposer de toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques, connexion internet…) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation communiqué.
Modalités d'évaluation des acquis
L'évaluation des compétences acquises lors de la formation Formation Framer Motion - Optimiser les animations React interactives s'effectue à travers :
Accessibilité de la formation
Learni s'engage pour l'accessibilité de ses formations professionnelles. Toutes nos formations sont accessibles aux personnes en situation de handicap. Nos équipes sont à votre disposition pour adapter les modalités pédagogiques à vos besoins spécifiques. N'hésitez pas à nous contacter pour toute demande d'aménagement.
Modalités et délais d'accès à la formation
Les formations Learni sont disponibles en inter-entreprise et intra-entreprise, en présentiel comme en distanciel. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Nos formations sont éligibles aux financements OPCO, France Travail, FNE-Formation et CSP (contrat de sécurisation professionnelle). Contactez-nous pour étudier ensemble votre projet de formation et les possibilités de prise en charge.
L'histoire de Learni
Fondée par des passionnés de l'apprentissage et de l'innovation, Learni s'est donnée pour mission de rendre la formation professionnelle accessible à tous, partout dans le monde. Notre équipe intervient dans les plus grandes métropoles — Paris, Lyon, Marseille — mais aussi à l'international, pour accompagner les talents et les organisations dans leur montée en compétences.
Ce qu'ils disent
de nous.
« Learni a co-conçu notre programme IA pour 200 collaborateurs. Sélection rigoureuse, intervenants experts et accompagnement post-formation. Résultat : 92 % des apprenants ont mis en application en moins de 30 jours, et un ROI mesuré à +180 % sur le premier semestre. »
« Nous avons confié à Learni la création de notre nouveau cycle. Allan sélectionne désormais nos formateurs : contenus pertinents et fort engagement. Apprenants très satisfaits et offre éducative renforcée. »
« En tant que Responsable pédagogique, j'ai été conquis par la réactivité et le professionnalisme de Learni : sélection rigoureuse des formateurs, suivi exemplaire et impact concret sur nos cohortes. »
Avant, pendant, après : on cadre, on présente le formateur, on adapte le contenu et on mesure l'impact. Vous gardez la main du début à la fin.
Sélection rigoureuse du formateur
Chaque formateur est validé sur trois critères : expertise métier en exercice, pédagogie éprouvée et alignement avec votre secteur.
Vous rencontrez le formateur avant
Visio de 30 minutes entre vous et le formateur retenu pour valider l'alignement, ajuster le contenu et lever les derniers doutes.
Contenu adapté à votre contexte
Pas de slides recyclées. Le syllabus est retravaillé à partir de vos cas réels : outils, contraintes, vocabulaire, projets en cours.
Suivi qualité continu
Évaluations à chaud, à 30/90/180 jours et plan de consolidation. Si la formation n'a pas l'impact prévu, on retravaille.
Une promesse simple : vous ne payez pas pour découvrir le formateur le jour J. Tout est validé en amont, par vous.
Un kit scolaire offert à un enfant pour chaque formation réservée
Pour lutter contre les inégalités d'accès à l'éducation, Learni offre un kit scolaire complet à un enfant dans le besoin pour chaque formation réservée. Vous montez en compétence, un enfant prend le chemin de l'école.
30 minutes avec un conseiller formation. Sans engagement. Sans argumentaire commercial maquillé en démo.
Développement webQualiopi
Développement webQualiopi
Motion design & animationQualiopi
Motion design & animationQualiopi
Motion design & animationQualiopi
Motion design & animationQualiopiDéveloppement webQualiopiDéveloppement webQualiopi
Développement webQualiopi
Photo, vidéo & 3DQualiopi
Photo, vidéo & 3DQualiopi
Photo, vidéo & 3DQualiopiJavaScript & TypeScriptQualiopi
JavaScript & TypeScriptQualiopiJavaScript & TypeScriptQualiopiNotre veille hebdomadaire sur le sujet, par les experts Learni.
Nous appellerons le +33 (France) 🇫🇷 — changez l'indicatif à gauche si votre numéro est étranger.
