Algorithmes fonctionnels en javascript sous la forme de cours et d'exercices. Utilisation de js dans un contexte de liste, de map, list_it. Inspiré de caml. A lire à l'envers...

mercredi 3 septembre 2008

Comment apprendre et tester le javascript ?

Le problème: comment tester des morceaux de code en Javascript sans avoir à recharger la page ?

Une seule bonne réponse: le couple Firefox et Firebug.

Courrez vite télécharger Firebug et éteignez moi tous les autres navigateurs ! Une fois installé ouvrez Firefox créez un nouvel onglet (CTRL-T) puis en bas à gauche, cliquez sur cet horrible cafard et entrez dans Firebug... Vous pouvez déjà taper des commandes javascript dans la ligne de commande située en bas à côté de l'invite de commande à 3 chevrons >>> , mais attendez, il y a mieux !
Cliquez sur le menu options de firebug et cochez la case "agrandir la ligne de commande".

Vous disposez désormais d'un panneau situé sous votre page web, divisé verticalement en 2 :
- à droite, vous pouvez taper un code, - à gauche les valeurs retournées par ce code.

Tapez par exemple:

function hello(w){ return "Hello "+ w ;}

hello("World");

et vous aurez ainsi crée un premier programme.
Pour l'exécuter, vous pouvez cliquer sur le bouton exécuter. Personnellement j'utilise le raccourci clavier CTRL-Entrée pour exécuter.

De cette manière vous avez une interface très simple, qui vous permet de tout tester, voire de modifier votre page à la volée...