Bibliothèques JavaScript

Cours bibliothèques JavaScript, tutoriel & guide de travaux pratiques en pdf.

Si vous faites un peu de JavaScript, alors vous savez que c’est parfois difficile et très long d’obtenir ce que l’on veut, et cela peut paraître répétitif.
Les guerres font rage entre les navigateurs (Firefox, Internet Explorer, Opera, Safari, Chrome etc.) qui se partagent les internautes : de ce fait, il faudra adapter votre code à chacun de ces navigateurs qui fournissent des fonctions différentes pour répondre au même usage.
Par exemple, ce code permet de récupérer le nombre en pixels de défilement vertical de la page web (la barre de défilement à droite) :
Code : JavaScript –
function avoirDefilementVertical(){
if(typeof( window.pageYOffset ) == ‘number’){
// Netscape
return window.pageYOffset;
} else if( document.body && (document.body.scrollTop) || navigator.appName== »Microsoft Internet Explorer ») {
// DOM
return document.body.scrollTop;
} else if( document.documentElement && (document.documentElement.scrollTop) ) {
// Internet Explorer 6
return document.documentElement.scrollTop;
}
}

Bibliothèques JavaScript

C’est ici qu’interviennent les bibliothèques JavaScript. Une bibliothèque JS est composée de un ou plusieurs fichiers .js (est donc écrite dans le langage JavaScript ), et rassemble une multitude de fonctions qui permettent de synthétiser certaines tâches répétitives.
La plupart des bibliothèques JS simplifient la manipulation du DOM, et abordent principalement le JavaScript en tant que langage de programmation de pages web.
Elles se différencient les unes des autres par leurs syntaxe, leurs fonctionnalités, leurs communautés, etc…
Une bibliothèque JS a besoin que le JavaScript fonctionne pour fonctionner.
Si le navigateur ne supporte pas le JS ou si il n’est pas activé, la bibliothèque ne pourra pas marcher.

jQuery

Nous allons donc apprendre dans ce tutoriel à utiliser la bibliothèque JavaScript nommée jQuery.
jQuery, une bibliothèque JS gratuite, dont la syntaxe est très courte, dont les noms des fonctions sont intuitifs (en anglais bien sûr ), simplifiant l’AJAX, permettant de faire des animations, ayant une communauté très active, et contenant à peu près tout ce dont vous rêvez grâce à ses plugins.
Et voici la version jQuery du bout de code :
Code : JavaScript –
function avoirDefilementVertical(){
return $(document).scrollTop();
}