Introduction à Javascript et Jquery

Documentation
24/4/2022
3 min
Logo Javascript sur fond jaune
Key points

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

Webflow Localization, cas d'utilisation de Credial
Documentation
Webflow

Webflow Localization : guide et cas pratique de Credial

Webflow Localization : guide et cas pratique de Credial
Visuel illustrant le passage de digidop.fr à digidop.com
News
Digidop

Digidop.fr devient Digidop.com

Digidop.fr devient Digidop.com
Photo de l'équipe Digidop avec Logo Digidop 2024
News
Digidop

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Rétrospective d’une année 2024 exceptionnelle et cap sur 2025

Transformez votre site web en un moteur de croissance.

Nous contacter