Comment bien coder en Javascript ?
Ce tutoriel vous montre, au travers de bonnes pratiques, comment obtenir un code Javascript non intrusif, évolutif, accessible, facilitant la maintenance et minimisant les risques d'interaction. Ce document regroupe diverses notions de base et d'autres plus avancées telles que les tests de fonctions, les variables globales, la séparation de la structure, de la présentation, du comportement voire des données, le modèle objet, les littéraux, une introduction à JSON ou encore la gestion des événements.
Créer un menu "accordéon" avec jQuery
Le but de ce tutoriel est de transformer le menu HTML du chapitre suivant en un menu "accordéon". Un menu "accordéon" est un menu déroulant un peu particulier, dont les sous-menus s'ouvrent au clic de souris (ou au focus).
Pour cela, on va bien sûr utiliser JavaScript, mais en se basant sur la bibliothèque jQuery. J'ai utilisé la version 1.2.1 de jQuery, la plus récente au moment d'écrire ces lignes.
Galerie photo avec JavaScript
Voici un petit exemple concret d'un cas où JavaScript permet un
gain au niveau de la navigation sans entrave à l'accès au contenu au
cas où ce dernier soit désactivé. La séparation du contenu et de la
partie script permet une facilité de gestion de votre galerie et un
allègement du poids des pages, en effet vous n'avez aucun code
JavaScript à ajouter dans votre page en elle même, tout est géré par le
script et appelé dans la partie <head> de la page.
Il peut être très avantageux d'utiliser le JavaScript pour certaines choses comme notament des galeries photos (ou autre), en effet vous ne rechargez pas la page au clic sur la miniature, la photo en taille réelle est directement affichée sans recharger quoi que ce soit. Les galeries en PHP ne permettent pas ce genre de choses et de plus nécessitent l'accès à cette technologie, ce qui n'est pas toujours le cas notament dans le cas de certains hébergeurs gratuits.
JavaScript : organiser son code en modules
Ce tutoriel vous propose, dans la lignée de celui présentant les bonnes habitudes de codage en JavaScript, d'étudier différentes techniques permettant d'isoler votre code dans des modules « hermétiques », évitant ainsi les interactions involontaires avec le reste de votre code, ou avec le code que vous ne contrôlez pas.
La gestion des événements en JavaScript
Ce tutoriel est une introduction rapide aux notions nécessaires pour bien comprendre et bien utiliser les événements en JavaScript.
