Introduction à Javascript et Jquery

Documentation
3 min
Publié le Apr 24, 2022
Dernière mise à jour le
Logo Javascript sur fond jaune
Résumez cet article avec une IA
Points clés de l'article

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 !

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Visuel promotionnel de Webflow Conf 2026 mettant en avant Lucas Clairet, finaliste dans la catégorie « Developer of the Year ». Son portrait en noir et blanc est placé devant un fond graphique abstrait aux couleurs bleu, orange, vert et rose, avec une identité visuelle moderne et contrastée. Le logo vertical de Webflow Conf ’26 apparaît à gauche, tandis que son nom et la mention « Finalist – Developer of the Year » sont affichés dans un encadré noir.
News
Webflow

Lucas Clairet finaliste des Webflow Awards 2026 dans la catégorie Developer of the Year

Lucas Clairet finaliste des Webflow Awards 2026 dans la catégorie Developer of the Year
Vue d’ensemble de Webflow AEO regroupant les recommandations IA, les analytics, le suivi des prompts et les optimisations SEO dans une interface unique.
Documentation
Webflow

Webflow AEO : l’Answer Engine Optimization directement intégré à la plateforme

Webflow AEO : l’Answer Engine Optimization directement intégré à la plateforme
Document de cadrage pour la refonte du site web intitulé « Brief » sur fond bleu marine
Documentation

Brief, cahier des charges et appel d'offres : cadrer sa refonte de site web et choisir la bonne agence

Brief, cahier des charges et appel d'offres : cadrer sa refonte de site web et choisir la bonne agence
Les meilleurs projets web
commencent par une conversation