Créer une Timeline animée

[@EcoleduWeb]

🎓 Tous mes cours sur l'École du Web (pour les obtenir tous d'un coup) : www.ecole-du-web.net/ 📚 Tous mes cours sur UDEMY : liste-des-cours.com/

[@kalaatangane8596]

Gar tu es prêt !!! je suis ton nouvelle abonné. Franchement tu exagères dans ta façon de distribuer tes connaissances. Même une grande mère peut facilement devenir développeur web avec tes explications très fluides. je recommanderai a tout mon entourage de s'abonner sur ta chaîne pour devenir des pros. En fait merci beaucoup pour ton enthousiasme éducatif pour moi tu es tout simplement le meilleur

[@EcoleduWeb]

Merci pour ton commentaire plein de sympathie!

[@antoineboulet1431]

Pour tes animations, tu peux utiliser la librairie AOS qui fait des animations JS directement intégré dans l'HTML

[@damienstephan5825]

Pour ajouter un emoji, si tu es sous Windows 10, tu peux juste appuyer en même temps sur Windows et . Merci beaucoup pour tes supers vidéos !

[@Astroyal02]

Merci énormément 💯💯 l'animation d'apparition des boxes est responsive en mobile portrait ? J'ai retiré la timeline pour laisser uniquement les box mais du coup il n'y a plus de triggerElement

[@raphaelbaar6007]

Salut Enzo. Une vidéo digne des plus grands. En cours, on a vu les éléments "trigger" qui permettent d'effectuer des scroll Effects en Vanilla JS. Pas facile tout ça. Avec GreenSock combiné à scollMagic, ça devient plus simple, va savoir pourquoi....... Petite suggestion ou demande de ma part: serait-il possible d'effectuer un cours complet de A - Z en Vanilla JS comme tu l'as fait avec Css3 ??? Je sais que j'en demande peut-être beaucoup, mais ton cours de css3 m'a énormément aidé à comprendre mieux le css et les spécifications grâce à des ateliers ludiques. Donc, je me disais pourquoi la même chose mais en Vanilla JS. Voilà , encore une fois et je ne cesserai jamais de le dire, tu mérites mais beaucoup plus d'abonnés sur ta chaîne. J'en ai parlé autour de moi . Cela vaut ce que ça vaut, qui sait, mes camarades de classes vont je l'espère s'abonner. c'est tout le mal que je te souhaite... Merci et bonne continuation

[@EcoleduWeb]

Hello Raphaël, merci pour ton message. Un cours complet sur JavaScript de A à Z est prévu oui, mais il sortira probablement en juillet. Avant je suis entrain de finir un cours sur Vue puis j'attaque celui sur TypeScript!

[@raphaelbaar6007]

@@EcoleduWeb Salut Enzo, Waouh ! tu chômes pas Alors, Vue.js ben oui ça m'intéresse. Donc, j'attendrai pour me "faire plaisir" et apprendre de la même manière que le css. Un grand merci à toi, Enzo.

[@emmanuelvandomme2802]

Merci Enzo !! Nickel comme d'habitude !!

[@benji5589]

Merci pour la vidéo.

[@ludovicleveque3485]

Super vidéo. Merci ! Par contre jai testé de mon coté et quand je mets Indicators() ça plante toute l'animation et je n'ai aucun indicateur qui apparait sur le côté

[@ativsoft9875]

Superbe cool ! Je suis un peu débutant et je me demedais comment faire fonctionner ma barre de recherche sur les articles de ma page Web ? Merci tes vidéos sont toujours très cool ! 😎😍

[@labaleinebleue-relecture8259]

Bonjour, Savez vous comment animé la ligne du milieu de sorte a ce qu'elle se remplisse en même temps que e scroll. Merci d'avance :)

[@SoFlash44]

Super vidéo encore une fois ! Merci

[@horach9745]

Bonjour super video , j'ai une petite question le fichier js ne fonctionne pas pourtant j'ai repris exactement ton code et bien sur mon chemin est bon ? sinon continue comme ça tu m'as appris beaucoup de choses

[@EcoleduWeb]

Hello, il faut mettre en place greensock & scrollmagic avec leurs CDN respectif! Regarde en début de vidéo tu peux voir tous les CDN en bas du body ;)

[@horach9745]

Le Designer du Web - Enzo Ustariz oui bien sûr j’ai mis les scripts mais cela ne fait rien

[@EcoleduWeb]

@@horach9745 As tu une erreur dans la console ? Il y a un script qui permet de lier scrollmagic et greensock, il ne faut pas l'oublier. cdnjs.com/libraries/ScrollMagic C'est le "animation.gsap.min.js"

[@horach9745]

@@EcoleduWeb oui tout à fait , ce que j'ai mis :

[@salutdu3180]

Sa marche pas 😕 les start sont tous au même endroit