Accueil

JavaScript & jQuery

Ci-dessous une animation réalisée avec HTML & JavaScript.
Actualisez la page pour relancer l'animation !

Objet du tuto "JavaScript & jQuery"

Une page Web créée avec du HTML est totalement statique et n'offre que très peu de possibilités d'interactions avec le visiteur.

Pour produire des effets visuels sur survol ou clic donc pour créer une certaine interactivité vous pensez à CSS.
Mais les possibilités de manipulation du DOM via CSS restent très limitées et ne concernent que le stylage. Donc le plus souvent il faut recourir à la programmation JavaScript si vous voulez, par exemple, modifier les attributs d'un noeud, changer son contenu, ajouter un noeud ou encore supprimer un élément.

Le monde JavaScript c'est des centaines de bibliothèques contenant des fonctions de haut niveau. Donc ne cherchez pas à "réinventer la roue" ... Ainsi, pour prendre un exemple, programmer un "drag and drop" en JavaScript de base ce sera un "parcours du combattant" .Mais cela devient un jeu d'enfant si vous utilisez le framework JavaScript jQuery et plus précisément son extension jQuery UI !
Autre exemple : si vous voulez créer un dessin vectoriel et animé dans une page utilisez la librairie JavaScript Snap SVG !

Désormais JavaScript peut être utilisé côté serveur (Node.js). Maintenant j'avoue que je préfère utiliser PHP. Vous ne trouverez donc pas dans ce tuto de chapitres consacrés à Node.js.
La technologie AJAX (Asynchronus JavaScript And Xml) avait amorcé l'utilisation de JavaScript côté serveur. Grâce à AJAX une page peut être actualisée avec des données provenant du serveur sans qu'il soit nécessaire de la recharger complètement comme avec une requête HTTP. JQuery propose des méthodes pour faciliter le codage des requêtes AJAX ! Et cette fois j'en parle dans ce tuto.

La spécification HTML5 c'est aussi de nombreuses API en JavaScript. Les navigateurs récents ont implémenté ces API.

Ces API ne sont pas traitées dans le tuto JavaScript mais dans celui relatif à HTML : API selectors API Web storage (alternative aux cookies) API geolocation

Les versions récentes des navigateurs ont aussi embarqué l'API Canvas (pour dessiner dans une page Web).
Compte tenu de l'importance de cette libraire JS, celle-ci fait l'objet d'un tutoriel spécifique. API Canvas

Sommaire de ce tuto