Ressources::Javascript

Introduction

Le langage javascript permet de modifier le scénario de navigation, l’expérience du visiteur lorsqu’il visite une page web. L’interaction est donc un concept fondamental pour le javascript. Lorsque l’on parle d’interaction en javascript, cela concerne évidemment les actions de l’utilisateur dans la page mais surtout l’interaction du navigateur web (firefox, safari, chrome et internet explorer) avec la structure html.

Pour qu’un navigateur web affiche une page, il faut qu’il envoie une requête au serveur sur lequel la page est hébergée. Le serveur reçoit cette requête, l’interprète et envoie une réponse, sous forme de code html, de scripts, et de médias (images, sons, vidéos). Le navigateur interprète la structure html contenue dans la réponse du serveur, puis interprète la feuille de style liée, s’il y en a, et affiche un résultat visuel. Parallèlement, le navigateur exécute les scripts javascript et affiche les médias, s’il y en a.

Le code javascript, comme l’html, s’exécutera donc directement dans le navigateur web du visiteur, au moment de l’affichage de la page. On parle donc d’un langage de script (parce qu’il a besoin d’un interpréteur – ici le navigateur – pour s’exécuter), côté client (parce qu’il s’exécute dans le navigateur web, le client de la communication avec le serveur).

Javascript rend possible, au moment de l’affichage d’une page par le navigateur, la modification de la structure html (ajout, modification, suppression de balises html), la modification de propriétés css pour les éléments de la structure html, l’ajout d’événements sur les éléments html (clic, roll over, scroll, etc.), le dessin à l’intérieur de balises html <canvas>, etc.

Javascript est compatible avec tous les navigateurs récents, y compris les navigateurs pour tablettes et smartphones. Pas besoin de télécharger un plugin pour que le navigateur exécute du code javascript (contrairement à flash, qui nécessite un plugin pour s’exécuter et qui a disparu des navigateurs mobiles). Cette compatibilité très étendue a rendu l’utilisation de javascript presque incontournable dans le développement web actuel.

C’est aussi pour cela que, depuis quelques années, plusieurs "frameworks" ou "librairies" javascript ont vu le jour, simplifiant l’écriture du code javascript et popularisant encore un peu plus son utilisation. Les deux librairies principalement utilisées sont jQuery et MooTools. Ces deux librairies ont chacune leurs spécificités, mais ont globalement la même fonction : une simplification de la navigation/transformation de la structure html d’un document, de la gestion d’événements dans la page, de la communication avec le serveur à partir du navigateur (ajax ; un sujet que nous aborderons bien plus tard). Insistons sur le "globalement" puisque le choix entre les deux librairies est un débat constant dans le monde du développement web. Certains prétendent qu’elles ont chacune leur utilité, mais la plupart du temps, une fois une librairie choisie et connue, l’utilité d’apprendre l’autre ne se fait pas sentir. Nous aborderons dans le cadre de ce cours jQuery, la librairie la plus répandue.