JavaScript  »  Articoli  »  MooTools 

Introduzione a MooTools

di: Riccardo Degni     16 Luglio 2007

MooTools è un framework Javascript orientato agli oggetti, compatto e modulare. Le sue caratteristiche lo hanno reso negli ultimi tempi uno dei più utilizzati e apprezzati nel panorama delle librerie Javascript di ultima generazione. In questo articolo, che è solo introduttivo, analizzeremo alcune di esse, riservandoci di affrontare nello specifico le sue potenzialità in altri appuntamenti.

La base OOP (Object-oriented_programming) di MooTools offre il vantaggio della semplicità di utilizzo e del ri-utilizzo del codice. Ad esempio, tramite una sola riga di codice è possibile fare in modo che un elemento sia trascinabile sulla pagina (il cosiddetto Drag), impostando sempre nello stesso oggetto tutte le opzioni desiderate: new Drag.Move (‘mioElemento', opzioni);

La prossima volta che vorremo rendere un altro elemento trascinabile dall'utente, basterà ri-utilizzare la riga di codice precedente, che potrà essere personalizzata in base alle esigenze. Non occorre quindi, creare funzioni ogni volta differenti in base al tipo di applicazione.

La compattezza del codice è una caratteristica comune nelle librerie moderne, e MooTools non manca certo all'appello sfruttando appieno i suoi vantaggi in ogni componente, in modo da ridurre il più possibile le dimensioni dei file singoli e di conseguenza del file completo.

MooTools offre anche modularità non solo nell'utilizzo del codice, ma anche in fase di download. Questa caratteristica è fondamentale e lo differenzia da molti altri framework moderni. Se infatti il peso complessivo del framework nella versione v.1.1 è di 42kb, gli autori non ci obbligano a scaricare tutto il pacchetto completo, ma ci forniscono la possibilità di scegliere i componenti desiderati in base alle nostre esigenze.

Se ad esempio in un'applicazione vogliamo creare delle richieste AJAX al server, non ci serve scaricare i componenti Tips o Drag , ma ci basterà scegliere solo gli strumenti AJAX necessari. Successivamente vogliamo aggiungere degli effetti grafici alla stessa applicazione? Niente paura, scarichiamo i componenti adatti e li inseriamo in un altro elemento script.

Ma le caratteristiche interessanti di MooTools non si fermano qui. Tutti i metodi e le classi presenti nel codice sono cross-browser. Per la precisione, sono compatibili con Internet Explorer 6 e 7, Mozilla Firefox, Safari, Opera e Camino.

Su questo aspetto non sono mancate alcune critiche che esprimono il desiderio di una compatibilità maggiore soprattutto con IE e le sue versioni precedenti la sesta. Questo può essere considerato uno dei pochi punti deboli di MooTools, anche se non lo condivido. Personalmente so quanto sia difficile sviluppare codice cross-bowser e quanto il modello di eventi proprietario di Microsoft possa creare non pochi problemi; se poi aggiungiamo anche le differenze tra le varie versioni arriviamo alla conclusione che la compatibilità offerta da MooTools è quanto serve per un'applicazione moderna.

Guide JavaScript

Canvas, guida pratica

Canvas, tra gli elementi di HTML5 è forse quello di maggior impatto....

Guida jQuery UI

Creare siti ricchi e dinamici con jQuery UI, il progetto ufficiale...

Guida Javascript: tecniche avanzate

Una guida dal taglio pratico per approfondire la programmazione a...

Altre guide

Newsletter @JavaScript

Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

12 Marzo 2012 a Milano
Disponibilità: 6 Posti

Corso JQuery e Ajax per Webmaster

19 Marzo 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

20 Febbraio 2012 a Roma
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti