Le site de Patrick Darcheville

Tutoriel JavaScript & Jquery

Initiation JavaScript & jQuery

Apprentissage JavaScript & jQuery

Débuter en JavaScript & jQuery

JavaScript & jQuery pour les nuls

Tuto JavaScript & jQuery

Tutoriel Javascript & jQuery

Ci-dessus une animation réalisée en HTML & JS.

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 vous ne pouvez pas manipuler le DOM via CSS donc dans ce cas 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.
Ces API JavaScript ne sont pas traitées dans ce tutoriel mais dans celui relatif à HTML5 (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.
Google proprose aussi des API JavaScript en ligne. Citons Google Translate que j'utilise dans cette page ainsi que Google Maps que j'utilise conjointement avec geolocation dans le cadre de la géolocalisation.

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'éxécute uniquement si l'exécution du JS est bloquée par le navigateur.

Les différents chapitre de ce tuto

Dans chaque page des extraits de code figurent dans des encadrés roses. Sur les mobiles, seules les premières lignes apparaissent. Il suffit de toucher l'encadré pour le déplier.