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 grâce à un exemple coquin je vous montre (très sérieusement cette fois) qu'avec JavaScript on peut réaliser des pages très dynamiques en modifiant profondément le DOM initial de la page (modifications des propriétés / attributs des noeuds, ajouts de noeuds, etc.).
Pour plus d'explications voir l'article : Générer du HTML via Javascript

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 : modifier les attributs d'un noeud, changer son contenu, ajouter un noeud ou encore supprimer un élément.

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 JavaScript jQuery et plus précisément son extension jQuery UI qui vous propose deux fonctions de haut niveau : draggable() & droppable()

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 tuto 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 afin d'avertir le visiteur de ce blocage ...

Les différents chapitre de ce tuto