Le site de Patrick Darcheville

JavaScript & Jquery

Initiation JavaScript & jQuery

Apprentissage JavaScript & jQuery

Débuter en JavaScript & jQuery

JavaScript & jQuery pour les nuls

Tutoriel

Tutoriel jQuery


Ci-dessus une animation réalisée en HTML & JS et qui repose sur la création de nouveaux éléments de la page (ici des images) grâce la programmation JavaScript.
N'hésitez pas à actualiser la page pour redémarrer l'animation.

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és et ne concernent que le stylage. Donc le plus souvent il faut recourir à la programmation JavaScript.

Le monde JavaScript ce sont des centaines de bibliothèques contenant des fonctions de haut niveau. Donc ne cherchez pas à "réinventer la roue" ... Ainsi, pour prendre un seul exemple, programmer un "drag and drop" avec le JavaScript de base est un "parcours du combattant" mais cela devient un jeu d'enfant si vous utilisez le framework jQuery et plus précisément son extension jQuery UI.

Désormais JavaScript peut être utilisé côté serveur (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 l'écriture de requêtes AJAX !

La version 5 de HTML a ajouté de nombreuses API JavaScript. Citons entre autres Canvas, geolocation, WebStorage.
Google propose aussi des API JavaScript en ligne. Citons Google Translate que j'utilise dans cette page ainsi que Google Maps.

Ces API ne sont pas traitées dans ce tutoriel mais dans celui relatif à HTML(dans le même site).
Vu l'importance de l'API Canvas (pour dessiner dans une page Web) un tutoriel spécifique lui est dédié dans mon site.

Attention JavaScript peut être désactivé par le navigateur. C'est une situation très fréquente dans les entreprises (pour des raisons de sécurité). En cas de script dans une page prévoyez donc le conteneur NOSCRIPT : le code HTML contenu dans cette balise s'exécute uniquement si le JS est bloqué par le navigateur.

Les différents chapitre de ce tuto