Aujourd’hui, quasiment toutes les pages web contiennent du code JavaScript. Souvent abrégé JS, JavaScript est un langage de programmation de scripts, c’est-à-dire un langage qui va ordonner à une page web de se comporter d’une certaine manière.
Il permet entre autres d’ajouter des animations ou effets sur une page HTML. Ce langage a en général une visée plus esthétique que pratique et les effets intégrés sont rarement indispensables.
Son principal intérêt réside dans son mode de fonctionnement : le langage JavaScript offre en effet la possibilité d’exécuter un script automatiquement, sans recharger la page web. Les possibilités qu’offre ce langage sont nombreuses, allant d’un simple carrousel d’images à la conception de jeux ou graphiques en 2D et 3D.
Quelques notions sont essentielles avant de se lancer sur JavaScript.
Variables
Une variable est, comme son nom l’indique, un élément qui va changer de forme. C’est le passage d’un état A à un état B qui visuellement va créer de l’animation. En déclarant une variable avec le mot-clef “let” puis le nom qu’on lui attribue, il est ensuite possible d’y faire appel plus tard dans le code et de lui attribuer de nouvelles caractéristiques.
Opérateurs
La programmation JavaScript requiert des notions en mathématiques. Dans le code apparaîtront souvent des opérateurs (+, —, *, =) qui auront la même signification que dans un calcul classique.
Algorithmes
Là encore, il ne s’agit que de simples formules mathématiques. La structure conditionnelle le plus souvent utilisée est “if…else”. Il s’agit en fait d’un test.
Fonctions
Une fonction est un morceau de code simplifié auquel il est possible de faire appel à n’importe quel moment dans le code. Généralement, un mot suivi de parenthèse est une fonction (par exemple la fonction alert () est un code permettant de faire apparaître une fenêtre de pop up). Il est possible de créer sa propre fonction pour gagner du temps ensuite.
Événements
Il est possible de ne déclencher une action qu’à la suite d’un événement particulier, par exemple faire apparaître un message lorsque l’utilisateur clique quelque part ou survole une zone.
Cours Open Classrooms sur la création d’événements
Prenons l’exemple d’une variable que l’on appellerait “Sharing”. On souhaiterait afficher le message “oui” si Sharing est une agence de communication et “non” si ce n’est pas le cas.
Le code JS sera donc le suivant :
let Sharing = ‘agence de communication’; if (Sharing === ‘agence de communication’) { alert (“oui”); } else { alert (“non”); }
Afin de simplifier la programmation avec JavaScript, des librairies telles que JQuery ont été créées. Il suffit simplement de faire appel à l’un des éléments de la bibliothèque plutôt que de coder une action de A à Z. Ces bibliothèques fonctionnent sur le principe de création de fonctions expliqué précédemment.