Javascript

Le JavaScript est un langage de programmation qui permet notamment d'animer et de gérer l'interaction de l'internaute avec les éléments d'une page web.

JavaScript n'a aucun lien avec le langage de programmation Java.

Le JavaScript permet de modifier des éléments de la page web de manière indépendante, sans avoir besoin de recharger toute la page (ex. message en cas d'erreur de saisie dans un formulaire).

Ex. de traitements : animations, transitions, ouverture de menus, ...

Le code peut être écrit directement dans le code HTML entre les balises <script> ... </script>.

Cependant, il est de bonne pratique, pour plus de lisibilité, de le placer dans un fichier .js.

JavaScript est initialement prévu pour une exécution dans le navigateur web qui possède un interprète JavaScript.

La sélection d'éléments peut se faire :

• par son attribut id : getElementById
• par son attribut class : getElementsByClassName
• par sa balise : getElementsByTagName (ex. document.getElementsByTagName("img"))
• par un sélecteur CSS : querySelectorAll (ex. document.querySelectorAll("div.exercice img"))

Il permet de programmer un comportement en fonction d'un événement (ex. survol de souris d'un élément). 

Quelques exemples d'événements :

• click, keyup, mouseover, ... (actions de l'utilisateur via le clavier ou la souris)
• change, focus, ... (changement d'état)
• load (chargement d'un élément)

La programmation événementielle consiste à lier une fonction à l'occurrence d'un événement sur un élément.

La fonction est déclenchée (exécutée) lorsque l'événement se produit sur cet élément cible.

Javascript permet de manipuler les attributs.

Javascript permet de modifier le style d'un élément.

Un script JavaScript peut également être chargé depuis un fichier séparé, en précisant son chemin d'accès via l'attribut src de l'élément script.

Les variables sont déclarées avec var ou let et les constantes avec const.

---

La console Javascript du navigateur web permet d'exécuter du code à la volée, elle est utilisée pour déboguer les pages web :

• signalement des erreurs
• inspection des variables
• mode pas à pas
• ...

Elle donne accès aux éléments du DOM et au CSS.

Matt Mullenweg, l’un des principaux créateurs de WordPress, a annoncé que le CMS WordPress intégrerait de plus en plus de Javascript en son cœur.

Une source pour apprendre JavaScript : OpenClassRooms

jQuery

jQuery est une bibliothèque JavaScript populaire et largement utilisée.

Elle simplifie la manipulation du HTML, l'interaction avec les événements, l'animation et l'ajout de fonctionnalités dynamiques à un site web.

jQuery facilite l'écriture de scripts JavaScript en proposant une syntaxe simplifiée et une abstraction des fonctionnalités complexes du langage.

AJAX (Asynchronous Javascript and XML) = Javascript asynchrone et XML

Utilisé pour communiquer avec le serveur sans devoir rafraîchir la page web, il améliore ainsi l'expérience utilisateur et les performances.

XML (Extensible Markup Language) est un langage de balisage sous format texte utilisé pour la communication entre les services web.