JQuery 1.3 introduce un nuovo sub-framework per il CSS selector engine, totalmente indipendente dalla libreria e co-sviluppato con gli autori di Dojo, chiamato Sizzle. Il subframework in questione riduce del 49% i tempi di elaborazione del codice rispetto al precedente motore utilizzato in jQuery 1.2.x.

Di riflesso, tramite Sizzle, gli sviluppatori hanno potuto aggiungere (finalmente) la possibilità di associare eventi ad oggetti creati in realtime, il tutto senza preoccuparsi di dover rieseguire il bind di eventi agli stessi in caso di aggiornamento del DOM.

Ultima chicca è che questa versione di jQuery non introduce più fix per garantire compatibilità cross-browser all’interno del codice ma delega la funziona ad un oggetto dedicato chiamato jQuery.support. Questo permetterà, in futuro, di introdurre un minor numero di possibili bachi e di poter controllare più facilmente l’inserimento di nuovi controlli per i browser senza intaccare il codice dei singoli metodi del framework.

Trovate maggiori informazioni e qualche benchmark su jQuery 1.3 sulla documentazione di release ufficiale del progetto.

ciuaz

La libreria JQuery si è, in più occasioni, dimostrata ottima per la gestione della degradabilità del codice ed uno degli esempi più interessanti di questa pratica è il plugin JQuery.Form.

Il plugin in questione infatti intercetta i normali form html e li ajax-izza automaticamente, permettendo inoltre di abilitare operazioni pre e post invio. Nel caso in cui, per qualche motivo, il motore js non dovesse funzionare allora la form, per nulla toccata dal plugin, continuerà a funzionare come nel sano, vecchio, web 1.0.

Vediamone un esempio di funzionamento partendo dal tutorial presente nel sito del plugin.

Innanzitutto inseriamo nell'head della pagina le chiamate a jquery ed al plugin, inoltre facciamo in modo che quest'ultimo sia abilitato solo alla fine del caricamento di tutta la pagina.

Dopo di che creiamo la nostra form, che richiama un normale script php che fa qualche operazione, tra cui visualizzare i dati immessi e una nuova form.

A questo punto, jquery.Form sarà già perfettamente funzionante e non dovrete modificare in nessun modo il vecchio codice php, a meno che non vogliate evitare, ad esempio, che lo script invocato non perda inutile tempo a rigenerare pagine e/o interrogare database in quanto non più visualizzate (un esempio classico è la lista di elementi cancellabili direttamente via ajax).

La soluzione è molto semplice, basta infatti iniettare un valore di controllo sovrascrivendo l'url dell'action e abilitare o disabilitare l'output dello script php in base alla presenza di quest'ultimo.

Ovviamente il plugin non si limita a queste piccolezze, e vi consiglio di leggerne la documentazione (anche quella in linea) veramente molto completa.

ciuaz

Questo plugin, anche se definirlo plugin è riduttivo, va a sostituire il precedente (ed ormai semi abbandonato) chiamato interface, estendendone molte funzionalità e colmandone le lacune (il nuovo accordion è stupendo).

Le novità sono veramente tante e non vedo l'ora di avere un pochino di tempo per metterci le mani sopra...

ciauz

Il libro è molto chiaro e spiega tutti i meccanismi dietro a jQuery, ed approfondisce molti dei tutorial sparsi per la rete e lo stesso wiki del progetto, come al solito però (nei libri della Packt) il codice è all'interno del normale testo (cambia solo il font in courier) rendendo spesso confusionaria la lettura (almeno per me).

Il libro è da leggere se sviluppate con jQuery, anche se troppo "ostico" per chi è alle prime armi con js (infatti al linguaggio viene dedicata solo un'appendice), comunque tra i vari argomenti ho apprezzato, a parte il capitolo sulla scrittura di plugin che presto rileggerò più attentamente per rivedere e rendere più consistente il lavoro da me fatto, una delle appendici che riguarda i memory leaks di javascript, di cui onestamente ero all'oscuro.

Peccato solo che il libro tratti la versione 1.1.x e che con l'1.2.x molte delle API siano cambiate (soprattutto quelle relative al DOM).

ciauz

Nello specifico molto del codice XPath, che a mio parere "sporcava" il codice js scritto dagli utenti con descrizioni non proprio chiare come $(”p/../div”), è stato spostato all'interno di un apposito modulo rendendo la navigazione all'interno dell'albero x(ht)ml più semplice grazie all'uso del nuovo selettore has:, dei classici metodi parent() e children() e del metodo slice(), che permette di selezionare da un array di elementi quelli preferiti.

Anche le funzionalità ajax sono state riviste, e grazie all'introduzione dei metodi loadIfModified() e getIfModified() è possibile ridurre di molto la specifica degli oggetti $.ajax().

Per finire adesso è possibile sovrascrivere tutto il namespace di jQuery in modo da permetterne l'utilizzo da altre librerie come Dojo, Yahoo UI etc.

Che aspettate a scaricarlo?

ciauz

Ad esempio se vogliamo far si che ad un click su un particolare link parta una animazione ci basterà scrivere

il problema dei binding però nasce nel momento in cui vogliamo generare nuovi elementi ai quali applicare "al volo" tutti i trigger precedentemente creati.

L'unica opzione (da me trovata, se ne avete altre comunicatemele!) è quella di far ricaricare (dopo una azione di creazione di nuovi elementi) una funzione che contiene tutti i binding utilizzati.

cioè:

Il problema di questa soluzione è che i bindings precedentemente creati per gli elementi già presenti nella pagina non vengono sovrascritti con il risultato di vedersi eseguito ogni trigger ad una ^2 volte (si potenza di 2!) per elemento creato.

La soluzione è semplice, basta infatti inserire all'interno della funzione bindings() il metodo unbind() che fa da distruttore.

Il tutto facendo particolare attenzione a non creare/gestire trigger al di fuori di questa funzione.

Per curiosità, qualcuno ha risolto in altro modo?

update
la soluzione qui proposta non funziona un granchè con il plugin Interface.js, peccato! :(

ciuaz

Devo dire che l'approcio ad ajax mi è piaciuto abbastanza, infatti si concentra più sulle problematiche di implementazione in generale rispetto a trattare singolarmente una libreria o l'altra (anche se c'è un capitolo dedicato a script.aculo.us), dando quindi ad un lettore alle prime armi una buona comprensione dell'argomento.

Peccato solo che l'impaginazione non sia un granchè, spesso il codice si confonde con il testo rendendo difficile la lettura. :(

Comunque, se volete avvicinarvi ad ajax, e capire meglio alcune cosette di XmlHttpRequest, comprate pure il libro non ve ne pentirete.

ciuaz

Questo progetto non è altro che un clone di Ruby on Rails interamente scritto in Javascript. Supporta a pieno l'MVC e permette di scrivere applicazioni di tipo SPA (single page application). Inoltre ha al suo interno un meta-motore SQL per fare il retrieving dei dati presenti nella pagina senza dover disturbare un eventuale DBMS.

Ovviamente se dovete comunicare con l'esterno è possibile sfruttare Json. A questo punto devo veramente iniziare a studiare Js come si deve...

ciuaz

ciauz

Tra le magie di questa versione, perchè alcune cose ancora non me le spiego, ieri mi sono imbattuto nella gestione degli script con ajax. Symfony integra al suo interno Prototype (più o meno come fa anche Ruby) dando allo sviluppatore alcuni helper per attivarne le funzionalità.

La cosa stupenda è che il sistema sa se il metodo che è invocato è ajax o meno e gestisce di conseguenza il relativo templating. Cosa utilissima per non dover riscrivere due volte lo stesso codice e soprattutto per permetterne un certo livello di degradazione.

Unica piccola pecca, a mio vedere, è che alcuni metodi di Prototype hanno subito un renaming. Quindi ad esempio al posto di Parameter dovrete in Symfony usare il parametro with. Non molto intuitiva per chi conosce già la libreria js...

Comunque sia per darvi un assaggio delle potenzialità e semplicità di utilizzo per ottenere:

bisognerà in symfony usare il seguente codice:

con una sola riga di php viene quindi generato lo script ajax che permette di caricare dinamicamente dei contenuti in un div preimpostato e di mostrarli usando un effetto di fade-in. Veramente non male! :D

ciuaz

Le novità sono troppe e siccome è venerdì e mi sento pigro ecco il changelog.. leggetevelo! :P

ciuaz

La stessa cosa l'avevo fatta tempo fa nell'ottica di web 1.0 (ma facciamo anche 0.5) con php embedded nel codice html ed utilizzando circa 10k.

Alla faccia della ridondanza...

ciuaz

Yahoo con le sue User Interface Library permette una notevole interazione lato utente, tanto che c'è già chi ha realizzato giochi come il Tetris interamente in javascript, DOM e CSS.

Google invece ha rilasciato un toolkit per scrivere web application in java (orrore!) e per poi tradurle automaticamente in applicazioni javascript AJAX-enable.

Adobe dal canto suo ha rilasciato tempo fa Spry, un framework javascript per realizzare usando DOM (ed a una prima occhiata Xpath) applicazioni web non eccessivamente complesse.

Ora che anche i big spingono verso il web 2.0 riusciremo (in ItaGlia) a far capire ai nostri clienti che è tempo di iniziare a valutare l'effettiva utilità di certe tecniche all'interno delle loro applicazioni?

ciauz

[update]
su phpmagazine ne pubblicano ben 100!

ciuaz

ciuaz

La seconda è la nuova versione di LightBox, script utile a visualizzare le immagini all'interno di una finestra facendo andare in secondo piano il resto del testo. Questa versione integra (ancora meglio) al suo interno il framework Prototype e gli effetti di Scriptaculous.

Ultima è uno spredsheet chiamato EditGrid, ha al suo interno oltre 135 funzioni di calcolo preimpostate ed alcune template con cui è possibile iniziare a lavorare. Di programmi del genere (perchè ormai si tratta di programmi e non di semplici script) se ne sta parlando ultimamente molto anche su downloadblog.

ciuaz

• ZK è un framework scritto in java che sfruttando XUL, HTML e un pochino di javascript (con Dojo) permette di creare applicazioni rich-text con poco sforzo, almeno secondo i suoi autori.
• LayoutGala è una paginetta tirata su da Alessandro Fulciniti di pro.html.it che mostra quasi una quarantina di diversi layout e del relativo codice css, un ottimo punto di partenza per iniziare a lavorare su un nuovo sito ;)
• su phpRiot è presente un articolo su come scrivere del codice per gestire liste ordinabili gestite con ajax. Interessante l'esempio che viene fatto e chiara l'esposizione...
• Alberto mi avvisa che è stato pubblicato il manuale di amministrazione e gestione di eZ Publish, questo è stato fatto con la logica di tanti piccoli task da risolvere giorno per giorno.
• nuovo numero di php|architect, quello di febbraio (ormai esce con un mese di ritardo fisso). In questo numero eZ components a gò-gò e il rinnovato security corner.

ciuaz

ciauz

Questo webmail sfrutterà al suo interno le ormai stra-note librerie Prototype e Script.alicio.us per gestire l'interfaccia utente.

Oltre a DIMP è in sviluppo anche MIMP che ha un'interfaccia ottimizzata per i display di device portatili (la M sta infatti per Mobile) e per sprecare la minor quantità di banda possibile.

ciuaz

• Mastering Ajax è arrivato al terzo appuntamento, il tutorial scritto su IBM DevelopWorks sulle tecniche Ajax sta raggiungendo alcuni spunti interessanti e poco banali e questa volta si parla di header, server requests e responses
• Sul forum di joel on software c'è una bella disquisizione sul perchè Ruby Sucks, ok è un tema banale e vecchio quello delle guerre di religioni informatiche, ma stavolta i problemi relativi a Rails sono affrontati diversamente...
• JTemplate è un template Toolkit per Javascript ed è scritto in PERL
• Aspect PHP è l'ennesimo modo di programmare, devo essere onesto non ho letto approfonditamente e non ho capito un granchè di quel poco che ho letto... ma pare che comunque sia necessario l'uso di estensioni che interpretino il codice scritto secondo la pratiche della Aspect Oriented Programming...

ciuaz

Bisogna notare che la maggior parte del codice è rilasciato sotto licenza BSD! :)

ciuaz

Per come è stato realizzato penso sia un nulla rimodificarlo per trasformarlo in un plugin per wordpress, qualcuno interessato?

ciuaz

• Tooltip.js: un piccolo javascript che si affianca a scriptacoulus per la gestione di tooltip animati e non
• Design Pattern in Dynamic Programming: slide che spiegano il paradigma del design pattern. Sono state scritte quasi 10 anni fa ma rimangono attualissime
• php4it è un sito (graficamente osceno) che ha alcuni articoli interessanti su come usare php in ambito sistemistico, come ad esempio quello per eliminare le sessioni zombie attive su un server nt.
• Dopo aver scoperto grazie ai colleghi di dl|blog quick lookup ecco un servizio simile ma dedicato alle regular expression, il suo nome è Rex V e funziona con ajax
• Su DevShed c'è un tutorial interessante su come realizzare un form processor con php 5
• LightBox è un javascript utile a creare dei popup di immagini, lo script in questione potrebbe essere sfruttato per eventuali zoom da thumbnail

fonti: planet-php, del.icio.us, digg.

ciuaz

Grande difetto di questa libreria è che, a parte qualche scarno esempio, non esiste un manuale decente e l'unico modo per conoscere il funzionamento dei metodi è quello di spulciarsi il codice.

Ed ecco che ci vengono incontro queste comode developers note, ricche di esempi ed aggiornate all'ultima versione. Queste sono state tradotte in molte lingue, italiano escluso... qualcuno vuole pensarci? Magari sul wiki del Gr.U.S.P.?

ciauz

La nuova versione è la 1.5 ed include alcuni metodi per il reset dei dati, la possibilità di gestire errori HTTP (come il 404) ed un riscritto, e migliorato, motore per la gestione delle variabili (in sintesi viene usato un array).

piccola nota, Wordpress 2.0 include al suo interno SACK 1.2, anche se pare che non dovrebbero esserci problemi ad aggiornare alla versione 1.5.

ciuaz