La formation est-elle certifiée Qualiopi ?

Oui, Learni est un organisme certifié Qualiopi. Cette certification garantit la qualité de nos formations et permet leur prise en charge par les OPCO et autres dispositifs de financement.

Comment financer ma formation ?

Nos formations sont éligibles aux financements OPCO. Learni vous accompagne dans les démarches de prise en charge. Un devis personnalisé est disponible sur demande.

Quels sont les prérequis pour cette formation ?

Les prérequis pour la formation Maîtriser GSAP pour des Animations Web Avancées : De l’initiation à l’interactivité sont : Bonne connaissance du HTML, CSS et notions de JavaScript.. Un entretien préalable permet de valider votre éligibilité.

La formation est-elle disponible en présentiel ?

Oui, la formation Maîtriser GSAP pour des Animations Web Avancées : De l’initiation à l’interactivité est disponible en distanciel. Le format peut être adapté à vos besoins (inter, intra, sur-mesure).

Maîtriser GSAP pour des Animations Web Avancées ... | Learni

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 telles que Paris, Lyon, Marseille, mais aussi à l'international, afin d'accompagner les talents et les organisations dans leur montée en compétences.

Configurez votre formation

Réponse sous 24hSans engagement100% gratuit

Il reste 9 places pour la prochaine session

FormatParticipantsDateCoordonnées

Quel format préférez-vous ?

Modalités, méthodes et moyens pédagogiques

La formation Maîtriser GSAP pour des Animations Web Avancées : De l’initiation à l’interactivité est délivrée en présentiel ou distanciel (blended-learning, e-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 mis en œuvre

Pour garantir la qualité de la formation Maîtriser GSAP pour des Animations Web Avancées : De l’initiation à l’interactivité, Learni met à disposition les moyens pédagogiques suivants :

Ordinateurs Mac ou PC, connexion internet haut débit fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour les sessions en distanciel)
Environnements de formation installés sur les postes de travail ou accessibles en ligne
Supports de cours, exercices pratiques et ressources complémentaires
Accès post-formation aux supports et ressources pédagogiques

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é.

* nous consulter pour la faisabilité en distanciel** ratio variable selon la formation suivie

Modalités d'évaluation des acquis

L'évaluation des compétences acquises lors de la formation Maîtriser GSAP pour des Animations Web Avancées : De l’initiation à l’interactivité s'effectue à travers :

En cours de formation : études de cas, travaux pratiques et mises en situation professionnelle
En fin de formation : questionnaire d'auto-évaluation et évaluation des acquis par le formateur
Après la formation : attestation de fin de formation détaillant les compétences acquises

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.

Objectifs de la formation

Comprendre les fondamentaux de l’animation web moderne

Prendre en main la librairie GSAP (GreenSock Animation Platform)

Créer des animations performantes, complexes et fluides pour les interfaces web

Maîtriser les timelines, triggers et les interactions utilisateur avec GSAP

S'introduire à l’éco-système GSAP : ScrollTrigger, Draggable et Plugins

Optimiser ses animations pour l’accessibilité et la performance

Programme de la formation

Module 1Fondamentaux de GSAP et premières animations

• Présentation de la librairie GSAP, installation et intégration (CDN, npm). Historique et avantages par rapport aux autres méthodes d’animation (CSS, jQuery). Découverte des principales méthodes GSAP (to, from, fromTo, set). • Création de premières animations simples : translation, scale, rotation, opacité. • Exercices : animer des éléments HTML en toute simplicité. • Bonnes pratiques pour des animations fluides.

Module 2Timelines, événements et interactions utilisateur

• Comprendre et utiliser les Timelines (gsap.timeline()), enchaîner et synchroniser différentes animations. • Gestion des callbacks, délais et répétitions, effets de rebond (eases). • Introduction à l’interactivité : déclencher des animations via le scroll, le clic, ou le survol. • Mise en place d’animations interactives avec GSAP. • Atelier pratique : créer un mini-projet d'animations synchronisées sur une landing page.

Module 3Plugins avancés, optimisation et cas réels

• Introduction aux principaux plugins GSAP : ScrollTrigger (animation sur scroll), Draggable (éléments déplaçables), SplitText, MorphSVG. • Utilisation avancée de ScrollTrigger pour des effets parallaxe, reveals, pinning d’éléments, animations synchronisées au scroll. • Gestion de la performance, accessibilité, compatibilité mobile et desktop. • Intégration GSAP dans des frameworks JavaScript modernes (React, Vue rapide overview). • Cas pratiques : réalisation d’animations complexes pour un site réel ou une web app interactive. • Conseils experts pour maintenir l’interactivité et la fluidité.