web2ajax : The Blog

sept2007077 talks

Il va de soit qu’un bon développeur, geeker de surcroit ne peut plus développer un projet sans faire appel à la magie d’Ajax ! Je sais et j’en connais, il y’aura toujours les fans du bon <TABLE> et notepad pour développer, le fait d’utiliser AJAX change vraiment la vie et ouvre la porte à des fonctionnalités vraiment étonnantes.

J’ai commencé par le fameux ‘scriptaculous’ (http://script.aculo.us/), mais pour être honnête les mises à jour et nouveaux plugins ne sont pas fréquents.

=> Je l’ai tout de même utilisé sur la V2 du site de www.lavieimmobiliere.com, qui sera en ligne lundi 10 sept et c’est vrai que ça m’a déjà bien aidé pour coder le moteur de recherche, ainsi que les transitions entres les pages, le menu accordéon… Mais toujours avec un pti gout de pas assez…

Alors suivant ajaxrain quotidiennement (à mettre d’urgence dans votre RSS reader), les frameworks à la mode en ce moment sont jQuery et Mootools.

 

C’est donc curieux comme un loup affamé que j’ai testé jQuery sur un petit site web que je suis en train de faire (www.keystone.fr – Pas encore en ligne ! ) et c’est vraiment sidérant à quel point c’est simple et complet. La manipulation des objets DOM est impeccable, celle des CSS également, rapide… Que du bon en boite  !

 

Alors ayant un nouveau projet sur le feu (un site de bourse plutot bien chiadé), avec plein de courbes dynamiques, beaucoup de contenu et finalement peu de place, quel framework choisir ?

- Côté perf : jQuery dont la réputation était très mauvaise au début à améliorer par 8 sa vitesse de traitement, ce qui en fait un des framework le plus rapide => C’est plutot un bon point ça

- Au moins un plugin différent sort par jour, plus fonctionnel les uns que les autres => C’est pas mal non plus ça

- Doc bien fournie

- Communauté très active donc.

 

Et puis en tapant sur une fourmilière, apparait ExtJS… (Tiens je l’avais pas encore vu celui-là !) Mais c’est exactement ce qu’il me faut ! D’ailleurs, pour me comprendre un peu mieux et avant de lire la suite, allez jetter un coup d’oeil aux démos disponibles sur le site :

 

Possibilité de l’utilsier en standalone, ou avec jQuery, YahooUI…

Nombreux effets et des choses comme les datagrid à partir d’un XML m’interessent plus particulièrement, possibilité de télecharger un packake ‘Light’ et de choisir les modules que l’on veut ajouter…

 

Donc à moins que je ne trouve mieux, mon choix va donc se porter sur ExtJS, que je trouve extrêmement bien fouttu et qui évolue super rapidement.

Allé, y’a plus qu’à maintenant !

 

Si vous voulez partager votre expérience, surtout n’hésitez pas car je vous avoue que le ‘benchmarking’ n’a pas été facile et je lorgne encore pas mal sur le YahooUI ou le google Toolkit…

7 commentaires

  • sekaijin Said:

    dans le magazine programmez.com de mai 2009

    vous trouverez un article sur le sujet

    A+JYT

    1 mai 2009 21:12

  • Guiltouf Said:

    Hello sekaijin,

    C'est sympa comme retour ! Il faut donc vraiment que je mette le nez dans le code de ExtJS alors, et à tout hasard : est-ce que tu partargerais ton API ? :)

    => Pour voir un pti peu ce que l'on peut faire avec.

    Concernant ton architecture de code, je tiens tout de même à préciser que c'est extrêmement efficace pour un intranet, mais pour faire un site "référencable", il faut plutot utiliser Ajax comme de l'enrichissement de fonctionnalités et de page. Un site en Ajax n'est pas référençable étant donné que les bots n'exécutent pas le JS.

    Voilou, je rentre de vacances là, je reprends mes projets et une fois que j'aurais épuré le plus important je me penche sur extJS et vous fait un ptit test en live :)

    Ciao

    23 novembre 2008 17:43

  • sekaijin Said:

    Salut

    même parcours par divers lib js

    j'ai même développé mon propre kit il y a quelque année ne trouvant pas mon bonheur.

    puis je suis passé à jquery

    je dois avouer que je fus séduit. simple rapide et j'ai à l'époque porté tout mon kit dessus (histoire de pas perdre mes acquis) mais développant des applications jquery à montré ses limite.

    le noyau est extrêmement bien fait mais les composant sont tous des plugin issus de droite et d gauche plus ou moins bien intégrés. je me suis heurté à des problèmes de compatibilité entre plugin

    du coup si la syntaxe de jquery est bien cette disparité se répercute dans le modèle de programmation qui varie d'un composant à l'autre.

    puis je suis passé à ExtJS. je dois dire que je fus impressionné par la richesse de la chose. là encore j'ai porté mon kit sur ExtJS j'ai divisé mon code par 20 et au passage mes composants étaient bien plus riche. je n'ai quasiment pas eut de changement à faire dans les applications existante pour changer de lib. mon kit ayant gardé la même API à quelque détail près.

    une chose qui fut déterminante pour l'adoption de ExtJS est sa capacité à gérer des thèmes. en effet la charte graphique de mon entreprise est très précise. et bien évidement de temps en temps elle change. Avec JQuery pas évident de faire ça.

    jusque là je faisais des application web dans la plus pure tradition. l'introduction de Javascript était essentiellement de l'enrichissement de l'interface. j'entends par là que l'applications génères des page HTML et que le javascript intervient pour arranger la sauce et fournir quelques gadgets. grid pagination dapiquer menus etc.

    JQuery est vraiment orienté vers cet usage. ExtJS non

    le Credo d'ExtJS c'est de construire son IHM en full javascript c'est là qu'il s'exprime le mieux.

    je donc développé mon dernier projet dans cette optique. mon appli Web fourni un page HTML quasiment vide (une image pour patienter et des div vides)

    le coeur js se charge et construit l'IHM qui dialogue à 100% en Ajax. ExtJS fait alors des merveilles. c'est simple et rapide. à tel point qu'en quelque jours je proposais à mon client une maquette entièrement dynamique qui a d'ailleurs servi de base au code du projet.

    à part quel howto manquant je n'ai pas eu de grosse difficulté. je n'ai trouvé que deux petite incohérences dans la version 2.2 pour lesquelles j'ai trouvé un palliatif (un hack)

    après quelques dizaines de milliers de lignes de codes (ben on fais ce qu'on peut) je suis toujours bluffé par la rapidité de la chose et la facilité avec laquelle je me la suis approprié.

    de ma longue expérience d'avant ExtJS et contrairement à beaucoup d'exemple je me suis imposé une règle stricte à laquelle je ne déroge pas.

    "Pas de génération de code js côté serveur"

    ça peut paraître dur mais en fait ça a été bénéfique.

    ainsi tout mon code javascript est du code statique de ce fait il n'est chargé qu'une fois par le client il reste en cache et n'est rechargé que s'il évolue. le serveur ne produit que du JSON à partir d'une structure de donnée (il est ainsi impossible d'y placer un appel de fonction côté client) Le client reste ainsi maître de tous les appel de fonction ou méthode javascript. c'est beaucoup plus robuste clair et évolutif.

    j'ai délibérément placé tous les texte côté javascript le serveur ne fournis que des données et des clefs pour choisir le texte à afficher. ainsi un simple fichier js en fonction de la langue traduit tout.

    je ne pourrais pas mettre cette application sur internet (usage strictement interne) mais je dois dire que cela ma encourager à poursuivre.

    bon courage donc

    A+JYT

    9 novembre 2008 21:49

  • Guiltouf Said:

    Merci pour le site de la lavieimmo.com ! Ca fait toujours plaisir ;) Et pour tout vous dire, je vais pouvoir tester pleinement ExtJS, car je commence un site de bourse et ça va être très web2 et bourré d'ajax ! Je me demande encore si je vais prendre YahooUI ou jQuery pour l'adapter, mais je penche plus sur jQUery... En tout cas, ca devrait faire quelques bons billets tout ça.

    20 septembre 2007 01:24

  • Bonjour Said:

    Toutes mes félicitations, pour votre réalisation www.lavieimmo.com.

    De bons temps de réponses, malgré toutes les informations affichées.

    Je suis du même avis pour extjs je l'ai découvert il y a deux semaines et franchement j'ai hâte à démarré un projet avec. jusque la j'utilisai scriptaculos et prototype.js.

    Bon courage.

    19 septembre 2007 17:47

  • Guiltouf Said:

    Et après une semaine de dév dessus, c'est encore plus vrai ! Donc je suis unanime avec moi-même (;)) pour le moment, c'est ExtJS le framework AJAX à adopter !

    18 septembre 2007 14:21

  • Morphine Said:

    J'utilise ExtJS depuis 3 semaines pour un extranet assez complet. J'utilisais jusqu'à présent Scriptaculous+Prototype (depuis 1 an et demi). Ma conclusion : Scriptaculous pour un site web ; ExtJS pour une application extranet. ExtJS est carrément fabuleux (pour peu que l'on change les CSS qui font vraiment trop windows)

    18 septembre 2007 09:11

LEAVE A COMMENT