Badge Webflow Award Winner 2023

Introduction à Javascript et Jquery

Publié le 
24/4/2022
Modifié le 
24/3/2023
Temps de lecture : 5 min
Logo Javascript sur fond jaune
Écrit par
Florian Bodelot avec un T-shirt Digidop

Florian Bodelot

Co-fondateur

Il existe de nombreux types de langages de programmation. HTML, CSS et JavaScript ne sont que quelques exemples. Aujourd'hui, nous allons examiner de plus près un des langages les plus populaires : Javascript et Jquery !

Points clés à retenir

Il existe de nombreux types de langages de programmation différents. Par exemple, les sites Web utilisent HTML, CSS et JavaScript pour fonctionner correctement. Si vous avez lu notre article sur le CSS et le HTML, vous savez maintenant que :

  • Le langage html désigne les éléments (formulaire, heading, bouton) d'un site Web
  • Le langage css combine les styles 'couleur, taille, etc' et façonne dynamique le design de votre site.

Partons aujourd'hui à la découverte d'un nouveau langage : Javascript.

Le code Javascrpit

JavaScript est un langage de script qui peut être utilisé pour ajouter de l'interactivité et de la personnalisation aux pages Web et aux applications logicielles. JavaScript est surtout utilisé pour ajouter des fonctionnalités aux pages Web, comme par exemple, des actions automatisées. Il s'agit d'un langage de programmation qui s'exécute directement dans le navigateur.

JavaScript possède une syntaxe composée d'une série de caractères et de symboles.

Exemple de syntaxe Javascript

Exemple de code Javascript
Exemple de code Javascript

Mais alors, quelle différence avec Jquery ? Jquery est une librairie de code qui vous aide à ajouter plus facilement des animations sur le web !

Jquery

jQuery est une bibliothèque JavaScript rapide et riche en fonctionnalités. Elle simplifie grandement de nombreuses opérations différentes sur les documents HTML, telles que la traversée et la manipulation du DOM, la gestion des événements, les animations et Ajax. Grâce à son API facile à utiliser et fonctionnant sur plusieurs navigateurs, jQuery est devenu l'un des moyens les plus populaires d'utiliser JavaScript.

Comment utiliser Jquery ?

Jquery offre un moyen de détecter les événements et d'exécuter du code personnalisé lorsque l'un de ces événements se produit. Il existe deux méthodes pour intégrer de la donnée Jquery à votre site.

Je vous présente celle que je connais le mieux, l'intégration par fonction "src="

Exemple d'integration code jQuery sur Webflow
Intégration jQuery dans Webflow

C'était ici une brève introduction à javascript et jquery. Si vous voulez en savoir plus, il existe plusieurs formations en ligne, dont une complète, incluse dans l'abonnement à Finsweet Pro !

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop