Oh my blog ! » Javascript

Vérifiez votre code JavaScript en ligne avec JSLint

siddh — Fri, 26 May 2006 14:59:51 +0000

C’est un interpreteur JavaScript en ligne mais pas seulement !

En téléchargeant le fichier approprié, vous pourrez vous en servir avec WSH (Windows Script Host), Rhino et même Konfabulator.

Vous pouvez maintenant vérifier la syntaxe de vos scripts directement en ligne

Internet Explorer Developer Toolbar

siddh — Thu, 25 May 2006 23:06:03 +0000

Microsoft met parfois du temps à faire les choses mais il finit par les faire.

Voici un outils qui va se rendre indispensable : Internet Explorer Developer Toolbar

Quand je développe, je fais bien entendu du cross-browser mais je suis tout le temps fourré dans firefox et après je prie pour que ça passe dans ie.

Pourquoi ?
Tout simplement car j’ai des outils dans firefox dont je ne dispose pas dans ie.
Firebug par exemple.

Et là, voilà enfin de quoi développer dans ie.
Ca ressemble beaucoup à la barre de développement de firefox et un bout de firebug.

Au programme, inspecteur DOM, simulations de resolutions, changements dynamiques de styles, outline, validations ….

Rien de neuf sauf que c’est sous ie

Manque plus qu’une vraie console intégrée maintenant.

Quelques screens :
La barre

L’inspecteur à la firebug :

Google Web Toolkit

siddh — Thu, 18 May 2006 07:57:48 +0000

Google vient de nous sortir une petite bombe qu’ils ont présenté à JavaOne hier :
C’est juste un framework java qui permet de créer des applications utilisant AJAX.

Ca consiste en un sdk java (pas j2ee) qui va vous générer vos pages.
Il y a bien entendu pas mal de widgets déjà créés et on code ça un peu comme en swing.

A noter la gestion du RPC et de JSON par exemple ainsi que le JSNI (JavaScript Native Interface).

Vous trouverez le sdk et sa documentation ainsi que de nombreux exemples sur la page de ce projet : http://code.google.com/webtoolkit/

Affaire à suivre, reste à savoir comment on va faire du MVC avec ce truc

Détectez les bugs Ajax avec FireBug

siddh — Wed, 08 Mar 2006 19:17:55 +0000

Depuis firefox 1.5, la console Javascript est un enfer !

Non seulement on ne peut pas facilement filtrer les erreurs qu’elle affiche et elle se remplie avec les bugs de tous les onglets ….

Mais voici FireBug, l’extension à avoir absolument !

Non seulement elle vous apporte une console qui vous permet de ne voir que les erreurs de la page en courante (et qui se vide quand on change de page ou rafraichit) mais en plus elle offre des fonctionnalités fabuleuses.

La console se place en bas de la fenêtre et on peut l’afficher/masquer grace à un bouton se situant en bas à droite de l’écran.

Si vous cochez l’entrée du menu qui vous permet de monitorer les dialogues XmlHTTP, vous verrez les requêtes et les réponses s’afficher !!!
Et vous pourrez même naviguer dans les objets car il y à une sorte d’inspecteur DOM intégré.

Vous pouvez aussi choisir un élément dans la page en cliquant dessus et ensuite voir sa représentation XML, son style CSS, ses propriétés de boite ou encore celles du DOM.

J’ai failli oublié la possibilité de récupérer les messages de la console et la ligne de commande Javascript.

Donc pour résumé, il vous faut cette extension si vous comptez développer en Javascript sous firefox.

Web 2.0, allez plus loin avec AJAX et XMLHttpRequest

siddh — Wed, 11 Jan 2006 19:09:03 +0000

Si il y a un terme à la mode en ce moment c’est bien celui d’AJAX, on le retrouve un peu a toutes les sauces.
Qu’est ce donc que cet AJAX ?
Dans ce tutoriel nous verrons à quoi correspondent ces lettres mais surtout les concepts qui se cachent derrière et les différentes utilisations que l’on peut en faire.

Yahoo! UI Library disponible en téléchargement

siddh — Tue, 21 Feb 2006 19:32:59 +0000

L’offre des librairies pour le développement JavaScript vient de s’agrandir avec la Yahoo! User Interface Library.
Cela consiste en des zip que vous pouvez télécharger ici.
Deux catégories :
– Core Utilities qui vous fournira des objets pour manipuler le DOM, les évènements, faire du Drag n Drop ou bien même utiliser de manière simple XmlHTTP (Ajax).
– UI Controls qui vous donnera accès à des « composants graphiques » comme un calendrier ou un treeview.

Le tout étant sous license BSD.

Sur la page de présentation de YUI, vous trouverez aussi des liens vers la « Design Pattern Library » et la mailing list de support.

Le seul point que je trouve à améliorer, c’est la possibilité d’accéder à la documentation de l’api autrement qu’en selectionnant un item au préalable.

A vos claviers et que vos clients soient riches