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...
Alors, attention en avant première mondiale !!, voici la Bonne méthode pour binder un callback sur un DOM... (Je me la pète là)
En clair, les événements comme "onClick", "onMouseOver", mappage de des touches peuvent être associés dynamiquement à des fonctions javascript et donc à la puissance de jQuery !
Un bon mouseOver ou onClick :
$("#div_id").unbind( "click" ) $('#div_id').bind("click", function() { alert('Oh yes, click me again !'; }); $("#div_id").unbind( "mouseover" ) $('#div_id').bind("mouseover", function() { alert('Mouse is Over me !'; });
=> Pour plus de détails : http://jquery.developpeur-web2.com/documentation/evenements/bind.php
Un bon mappage de touche (Je m'en sers pour afficher la fenêtre de login admin sur CTRL+L) :
Ajouter ça dans les headers, le.js est dispo en dessous de l'article : Après : $(document).shortkeys({ 'CTRL+L': function () { _dispLoginForm(); } });
=> Plus de détails : http://rikrikrik.com/jquery/shortkeys/
[read more]
