Firebug, Aptana, et le développement web devient encore plus facile
Par Clochix le jeudi 21 décembre 2006, 20:44 - Technoweb - Lien permanent
Les premières impressions ne sont pas toujours les bonnes. J'ai re-découvert ces derniers jours 2 outils que j'avais trop mal jugés, et je suis assez impressionné par leurs fonctionnalités. Firebug, une extension Firefox, et Aptana, un IDE web, sont vraiment puissants et agréables à utiliser.
(La liste des fonctionnalités de ces deux outils est bien trop longue pour que je la résume ici, allez sur les sites, essayez, je pense que vous ne serez pas déçus.)
La première fois que j'avais essayé Firebug, je n'avais pas été convaincu. L'extension semblait une simple compilation de l'inspecteur DOM, de la Web Developer Toolbar et d'une console javascript. Mais son développement n'était pas très avancé. Aujourd'hui, la version 1 approche, et les progrès effectués font que je vais je crois délaisser les extensions sus-citées. Qu'il s'agisse d'explorer le DOM, de modifier à la volée le code HTML ou les feuilles de style, exécuter et debugguer du Javascript, de tracer les appels réseaux d'Ajax... Firebug offre de nombreuses fonctions qui facilitent grandement la mise au point de l'interface des sites. Un indispensable, qui manque grandement au moment de vérifier la compatibilité d'une page avec d'autres navigateurs.
En vieux geek mal léché, je n'aime guère les sites trop léchés, toujours l'impression qu'une forme trop travaillée cache des faiblesses ou une arnaque sur le fond. La première fois que j'ai entendu parler d'Aptana, j'ai donc rapidement cru que c'était surtout une opération marketing pour vendre un Eclipse packagé avec les plugins qui vont bien pour développer en HTML/CSS/Javascript, et je n'avais pas essayé le produit bien longtemps. Mais aujourd'hui, je développais quelques scripts javascript, et l'éditeur des Web Standard Tools m'a semblé un peu limité. J'ai donc décidé de redonner sa chance à Aptana. Et bien m'en a pris.
Aptana peut s'exécuter soit comme IDE autonome, soit comme plugin Eclipse. C'est cette option que j'ai choisie. On dispose alors d'une nouvelle perspective, de plusieurs vues, et de nouveaux éditeurs pour les fichiers javascript, HTML et CSS. L'éditeur javascript supporte l'auto-complétion et dispose d'une aide en ligne bien foutue. La documentation est très touffue, et je n'ai pas encore eu le temps de m'y plonger, mais outre les améliorations de l'éditeur javascript, quelques fonctionnalités m'ont convaincu, comme par exemple la vue permettant d'explorer le système de fichier, et pas juste les projets. Aptana semble également bien adaptée au développement de projets Ajax, et intègre nativement un certain nombre de frameworks javascripts (jQuery, Dojo, Prototype, etc, etc). On verra à l'usage, mais pour l'instant je suis assez enthousiaste.
Comme d'habitude, tout retour d'expérience sera le bienvenue.
Edit Je vais enrichir au fur et à mesure de mes découvertes ce billet.
- [22.12.2006]: Firebug possède une ligne de commandes disposant de fonctions intéressantes, par exemple:
$$(".toto")renvoie la liste des éléments possédant la classe CSS toto. On peut cliquer sur chaque élément pour l'inspecter$x("//*[@class='popupmenu']")fait de même en utilisant un XPath