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

Illustration abstraite représentant le concept de suivi côté serveur (server-side)
Documentation
Développement

Comprendre facilement le tracking Server-Side

Comprendre facilement le tracking Server-Side
Illustration représentant un Proof of Concept à travers des explorations visuelles et des références créatives
Documentation
Développement

Proof of Concept (POC) : valider une idée avant d’investir dans son nouveau site web

Proof of Concept (POC) : valider une idée avant d’investir dans son nouveau site web
photo d'une institution financière européenne avec des drapeaux européens flottant dans les airs et les termes de la réglementation financière : GDPR, MiFID II, AMF, PSD2, DORA, ORIAS
Documentation
Développement

CGP, VC, Fonds, Banques : quelles règles pour la mise en conformité des sites web dans la finance ?

CGP, VC, Fonds, Banques : quelles règles pour la mise en conformité des sites web dans la finance ?

Transformez votre site web en un moteur de croissance.

Nous contacter