JavaScript  »  Articoli  »  Programmazione Javascript 

Framework in pratica

Ora che abbiamo analizzato a fondo tutti i punti di forza e di debolezza dei tre framework, passiamo ad osservare (a puro scopo illustartivo) come questi ultimi si presentano "in pratica" nelle nostre applicazioni, prendendo in esempio tre situazioni molto comuni: l'aggiunta di eventi, la creazione di una richiesta Ajax ed infine la manipolazione del DOM.

Aggiunta di eventi

// jQuery
$("#myEl").click(function() { 
	alert("You have clicked"); 
}).mouseover(function() { 
	alert("Hovered"); 
});

// MooTools
$("myEl").addEvents({
	"click": function() { 
		alert("You have clicked"); 
	},
	
	"mouseover": function() { 
		alert("Hovered");
	} 
});

// Prototype
$("myEl").observe("click", function() { 
	alert("You have clicked"); 
}).observe("mouseover", function() {
	alert("Hovered");
});

Richiesta Ajax

// jQuery
jQuery.get("myPage.php", function(resp) {
	alert("Request completed!");
	$("#response").html(resp);
});

// MooTools
var req = new Request.HTML({
	url: "myPage.php",
	onComplete: function(t, e, resp, js) {
		$("response").set('html', resp);
	}
});

req.get();

// Prototype
var req = new Ajax.Request("myPage.php", {
	method: 'get',
	onComplete: function(resp) {
		$("#response").update(resp.responseText);
	}
});

Manipolazione DOM

// jQuery
$("#myOtherEl").append("<div id="myEl"> the text </div>");

// MooTools
var newEl = new Element("div", {id: "myEl"});
myEl.set('html', 'the text').inject(myOtherEl);

// Prototype
var el = document.createElement('div');
el.id = "myEl";
$("myEl").insert(myOtherEl, {position: "after"}).update("the text");

Conclusioni

La conclusione principale che si può trarre da questo articolo è una sola: tutti e tre i framework presi in considerazione sono prodotti di ottima qualità, completi di moltissime features che permettono di creare applicazioni di ultima generazione e semplificare enormemente il lavoro dello sviluppatore Javascript.

Fare una scelta è molto difficile, dato che nessuno è in grado di dire con esattezza quale sia il miglior framework Javascript open-source esistente al mondo. Tuttavia, da quanto riportato nei paragrafi precedenti, emergono delle notevoli differenze tra i software, soprattutto tra jQuery e MooTools/Prototype. Il primo, è indicato per un pubblico meno esperto, si presenta con una curva d'apprendimento molto bassa e pone la sue basi nella gestione del DOM. Gli altri due sono principalmente indicati per sviluppatori intermedi/avanzati, offrono sicuramente maggiore estensibilità e controllo dell'applicazione (fattore che deriva dall'estensione dei prototypes) e pongono le proprie basi sul linguaggio Javascript nativo stesso.

Altri articoli

Altre guide

Altre newsletter