7 librairies JavaScript à connaître en 2024 ! [Développement Front-End]

Dans cette vidéo, découvrez 7 bibliothèques JavaScript -- qui je pense -- devraient être connus par tout développeur Front-End.
1️⃣ Leaflet : Cartes interactives
2️⃣ GSAP : Animations complexes
3️⃣ Splide : Carrousels et sliders
4️⃣ Three.js : Expériences 3D
5️⃣ Barba.js : Transitions fluides
6️⃣ Chart.js : Graphiques et diagrammes
7️⃣ Lenis Smooth Scroll : Effets de défilement
🎁 Bonus : Tippy.js
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
❖ TEMPS FORTS 🍿
◇ Introduction 00:00
◇ Bibliothèque JS n°1 00:53
◇ Bibliothèque JS n°2 01:14
◇ Bibliothèque JS n°3 01:35
◇ Bibliothèque JS n°4 01:51
◇ Merci du soutient ! 02:07
◇ Bibliothèque JS n°5 02:15
◇ Bibliothèque JS n°6 02:32
◇ Bibliothèque JS n°7 02:49
◇ Bibliothèque JS Bonus 03:12
◇ Conclusion 03:46
❖ DIGIDOP ACADEMIE 🎓
◇ Formation Figma : academie.digidop.fr/formation...
◇ Formation Webflow : • Formation Webflow Grat...
❖ ARTICLE 📖
◇ www.digidop.fr/blog/tooltips-...
❖ OUTILS (Liens d'affiliations - Merci 💛)
◇ Webflow : webflow.partnerlinks.io/merci...
◇ Figma : psxid.figma.com/doifl7dlu7ab-...
❖ RESSOURCES 🧠
◇ Académie : academie.digidop.fr/
◇ Blog : www.digidop.fr/blog/
◇ Outils : www.digidop.fr/ressources/outils
❖ CONTACT 👋
◇ Contact Digidop : www.digidop.fr/contact
◇ Instagram : / digidop.fr
◇ TikTok : / digidop.fr
◇ LinkedIn : / digidop
❖ HASHTAGS
#javascript #frontend #2024
Merci de nous suivre 💛

[@thomascarre3331]

Pas mal Tippy je connaissais pas :)

[@digidop]

Sympa et pratique comme librairie. Content de te l’avoir faite découvrir 😁

[@C4pitainRaloufe]

Je débute sur Webflow, est-ce que vous pourriez faire une vidéo de comment on copie-coller les lignes de code des animations pour les mettre sur nos éléments ?

[@digidop]

Hello ! Merci pour la question. On réfléchi à une vidéo sur ce scop !
Est-ce que la démo de GSAP t’as aidé par exemple ? ua-cam.com/video/aqNuPwOuVbo/v-deo.htmlsi=0ccAqSwyb8rPoKmY

[@neo_jnior]

moi j'utilise htmx presentement sur un projet web d'un client

[@digidop]

Super bibliothèque HTMX ! Merci pour le partage additionnel

[@entrepreneurweb3.019]

Très belle video avec beaucoup de valeurs 👌👉 une vidéo pour l'implémentation des librairies

[@digidop]

Merci ! 😁 C'est noté, merci pour la demande. On va réfléchir à une vidéo focus sur les intégrations JS.
Mais en attendant - si tu ne les as pas encore vues - voici deux vidéos de démos d'intégrations de bibliothèques :
1) GSAP introduction et démo (avec Webflow) : ua-cam.com/video/aqNuPwOuVbo/v-deo.html
2) Lenis Smooth Scrool introduction et démo (avec Webflow) : ua-cam.com/video/YtYXCgZ3DUI/v-deo.html

[@kzumbagaijin6045]

Hello Flo, top la vidéo.
On peut compléter webflow avec ces librairies JS?

[@digidop]

Hello ! Merci ! 😁
Oui, voici deux ressources présentant l'utilisation de librairies JS avec Webflow :
1️⃣ Une démo de l'intégration de Lenis avec Webflow : ua-cam.com/video/YtYXCgZ3DUI/v-deo.html
2️⃣ Un live sur l'intégration de Splide sur Webflow : ua-cam.com/video/zjvGqla48lE/v-deo.html
N'hésite pas si tu as des questions !

[@kzumbagaijin6045]

@@digidop merci beaucou. Digidop au top🚀

[@serge_amon]

Salut. Allons-nous tout connaître lorsqu'on débute ?

[@digidop]

Salut ! C’est à dire ? Je ne suis pas sur de comprendre la question

[@serge_amon]

@@digidop Je débute le JavaScript. Je ferai le react. Comment vais je connaître les librairies non populaires ou populaires ?