Proseguendo il nostro tour sul WPDK, oggi voglio illustrarvi il pattern Javascript utilizzato nel framework.
Javascript possiede molti pattern, quello che abbiamo scelto (una variante del Module Pattern) credo mantenga una buona similitudine con PHP, garantendo comunque ottimi vantaggi a livello di script. La similitudine l’ho ricercata in quanto alcune classi Javascript possiedono una loro controparte in PHP, o viceversa.
Categoria ‘Javascript’
WPDK: Javascript pattern
WPDK: how I did it
Durante lo sviluppo del sistema wpXtreme e in particolare del KIT di sviluppo WPDK (WordPress Development Kit), ho imparato moltissime cose! Soprattutto ho iniziato ad apprezzare tecniche che in passato usavo di rado.
Voglio quindi iniziare con questo post a raccontarvi tutte le cose meravigliose che ho imparato ad amare e mettere in pratica, in relazione allo sviluppo del framework WPDK dedicato allo sviluppo su WordPress.
Come fissare il baco di iStat Pro su Mountain Lion
Con il rilascio di Mountain Lion l’utile Widget iStat ha smesso di visualizzare correttamente i processi. Per rimediare al problema è sufficiente eseguire due piccole modifiche nel due file che si occupano della visualizzazione dei processi.

Funzioni anonime
Mi è stato chiesto quale sia il vantaggio, o svantaggio, nell’uso delle funzioni anonime o inline (o onfly), utilizzate moltissimo in Javascript e, oramai con la 5.3, anche in PHP.
Una funzione inline, o anonima perché non ha – appunto – un nome, è un modo veloce per scrivere alcune procedure, indentando ad albero sequenze di callback ad esempio. Quasi tutti i linguaggi supportano la scrittura di funzioni di questo, ognuno al limite con le sue peculiarità e restrizioni. Possono anche avere nomi diversi e sintassi particolari, come i cosiddetti blocks in Objective-C.
WordPress 3.3: tutto jQuery finalmente
Con WordPress 3.3 anche jQuery e tutti i suoi moduli sono stati allineati. Adesso infatti è possibile accedere alla nuova lista dei moduli dell’ultima release 3.3, come ad esempio l’autocomplete. Ecco uno snippet per una buona inclusione:
1 2 3 4 5 6 | // Moduli che WordPress caricherà per noi propedeutici allo script "myscript.js" $deps = array('jquery-ui-slider', 'jquery-ui-datepicker', 'jquery-ui-autocomplete' ); wp_enqueue_script('key', 'js/myscript.js', $deps, 1.3.4, true); |
Bug Fixed: range anni sul calendario jQuery UI
Il widget calendario di jQuery UI, il cosiddetto Datepicker, permette moltissime impostazioni, tra cui quella di decidere un range di anni da mostrare nel menu a tendina.
Very short trick: log degli oggetti Javascript
Se ci si trova a sviluppare in un ambiente dove è impossibile usare tool di debug come FireBug, come ad esempio il simulatore Apple iPad di Xcode, può diventare frustante individuare problemi, uno tra tutto l’errato accesso alle proprietà di un oggetto. Ecco che l’uso della funziona alert() diventa fondamentale!
PhpStorm 2.0
IDE dedicate allo sviluppo PHP ne esistono tante, da quelle gratuite a quelle a pagamento. Per lungo tempo ho usato strumenti come Eclipse o Aptana, arrivando a servirmi di editor specializzati in HTML/Javascript e – addirittura – CSS. Da un anno a questa parte, tuttavia, credo di aver trovato definitivamento un ambiente completo che, almeno nel mio caso, risolve tutti i miei problemi: PhpStorm.
jQuery snippets
Verificare l’esistenza di un elemento nel DOM
Vi sarà capitato di dover verificare l’esistenza o meno di un elemento del DOM. Con jQuery potrebbe venir spontaneo provare con:
Very short snippet: slideshow in 10 righe di codice
Lasciatemi mostrare com’è possibile implementare un semplice Slideshow di immagini con pochissime righe di codice, sfruttando jQuery.
Questa tecnica può essere implementata su qualsiasi tipo di sito Web, la cosa importante è includere la libreria jQuery. Ho usato questa tecnica per un sito realizzato in WordPress, sviluppato in poche ore per un evento.






Ultimi Commenti
Giovambattista Fazioli: @ale: Come indicato @Kevin vedi sul repo di GitHub: https://github.com/gfazioli/Ch roma-Key
Giovambattista Fazioli: @Kevin: See https://github.com/gfazioli/Ch roma-Key
Kevin: Very nice example – would like to see the .fla too!
Ludovica: Ciao! Ti spiego il mio dubbio. Quando scrivo un post non inserisco immagini nell’articolo (se così...
Marco: ciao @Giovambattista Fazioli, grazie per tutte le delucidazioni di questa ottima guida. Avrei un quesito da...