Le JavaScript est un langage de programmation dit « client », c’est-à-dire qu’il est exécuté par votre navigateur Web. Il permet d’interagir avec les éléments HTML (images, textes, etc.). Il est aussi appelé JS, car l’extension des fichiers JavaScript c’est .js et que son abréviation est également JS. À ne pas confondre avec le Java, qui est un autre type de langage et qui ne sera pas mentionné ici.
Le JS est utilisé pour créer et gérer des actions sur les éléments HTML. Il peut servir de complément au CSS. Par exemple : on a une animation CSS qui est arrêtée et on voudrait la démarrer, il suffit de créer une action qui exécutera une classe CSS ce qui fera démarrer l’animation. Il sert également à valider les formulaires de contact et autres types de formulaires. Toutefois, les validations des formulaires peuvent se faire aussi côté serveur, donc avec un autre type de langage (PHP par exemple). Les carrousels d’images sont également animés par du JavaScript. Il existe plusieurs actions possibles avec le JavaScript.
Cliquez sur le bouton suivant pour voir un exemple d’animation:
Il existe beaucoup de framework JS, je vais en nommer que quelques uns. Un framework c’est quoi? C’est un ensemble de fonctionnalités qui permettent de vous faciliter la vie en n’ayant pas besoin de réécrire des fonctions déjà existantes et en réduisant la quantité de code JavaScript que vous devez écrire.
Voici une liste des frameworks les plus connus :
Toutefois, il en existe beaucoup d’autres. Les frameworks jQuery et React sont utilisés sous WordPress :
Voyons un exemple de code JS sans framework qui récupère le prénom d’un formulaire dont l’attribut ID du champ texte est first_name et ajoute la valeur à la variable JavaScript first_name :
<script>
lat first_name = document.getElementById("first_name").value;
</script> :
Et voici un exemple jQuery qui fait la même chose que le code précédent.
<script>
lat first_name = $("#first_name").val();
</script>
Comme vous voyez, il y a moins de code avec un framework et les deux codes font exactement la même chose.
Comme vous avez pu le voir, le JavaScript exécute des actions avant d’envoyer au serveur ou tout simplement pour améliorer l’affichage en complément au CSS et HTML. Si vous avez des questions ou besoins d’aide, n’hésitez pas à nous contacter.
SVG (Scalable Vector Graphics / Graphiques vectoriels redimensionnables) est une spécification du W3C qui date déjà de 2001.
La mise en cache (ou caching) est une opération via laquelle le gestionnaire de contenu enregistre une copie de la page assemblée.
Il existe de nombreux livechats WordPress et la plupart sont payants. Voici mon top 5 des extensions gratuites offertes.
Dans cet article nous voyons comment procéder pour vider la cache d’un site WordPress utilisant le constructeur de page du thème Avada.