Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment réussir ses études supérieures en 2025 ? Méthodes, outils et tendances

Découvrez les clés de la réussite dans les études supérieures en 2025 : méthodes innovantes, outils numériques, soft skills et évolutions pédagogiques incontournables pour maximiser vos chances d'épanouissement.

Allan Busi

30 juin 202413 min

Comment digitaliser un centre de formation en 2025 ? Étapes, outils et bonnes pratiques

Découvrez un guide complet pour digitaliser avec succès votre centre de formation en 2025 : étapes clés, outils incontournables, stratégies et conseils concrets pour rester compétitif.

Allan Busi

30 juin 202413 min

Guide pratique pour la VAE dans l'enseignement supérieur en juillet 2025 : Étapes, conseils et opportunités

Découvrez comment réussir une VAE dans l’enseignement supérieur en 2025 avec ce guide pratique : étapes clés, astuces pour maximiser vos chances, et conseils d’experts et d’établissements.

Allan Busi

20 juil. 202514 min

Quelles sont les clés de la formation professionnelle en 2025 ?

Découvrez les grandes tendances, outils et stratégies qui façonneront la formation professionnelle en 2025 pour les entreprises et les salariés.

Allan Busi

30 juin 202412 min

Voir tous les articles

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

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

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

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

Méthode d'évaluation

QCM de validation des acquis en fin de formation
Présentation et soutenance d’un mini-projet d’animation
Exercices techniques tout au long de la formation

Méthode d'apprentissage

Cours interactifs avec démonstrations
Nombreux ateliers pratiques et études de cas concrets
Support de cours complet et ressources complémentaires

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment réussir ses études supérieures en 2025 ? Méthodes, outils et tendances

Comment digitaliser un centre de formation en 2025 ? Étapes, outils et bonnes pratiques

Guide pratique pour la VAE dans l'enseignement supérieur en juillet 2025 : Étapes, conseils et opportunités

Quelles sont les clés de la formation professionnelle en 2025 ?

Maîtriser GSAP pour des Animations Web Avancées : De l’initiation à l’interactivité

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtriser GSAP : Animations web avancées pour développeurs et designers

Rollup.js : Comprendre et maîtriser le Bundler JavaScript moderne pour vos projets Web

Maîtriser l’Animation UI : Techniques et Outils pour des Interfaces Dynamiques

Tests automatisés en JavaScript : Maîtriser Mocha pour des Applications Fiables