Culpable de mis opiniones !! Desarrollo Web, Django, Python, Web2.0

Bueno llevo siguiendo a Roberto desde que se inicio en la blogosfera, lleva días entregando experimento en Javascript.

Este me parece especialmente interesante, probar Bartolo 1.0 a ver que os parece, he llegado hasta 8.

Es un formato de intercambio de datos, es la notación que utiliza JavaScript (EcmaScript), para la definición de objetos.Es un formato basado en texto y (por tanto) legible por humanos, que sirve para representar objetos y otras estructuras de datos.

Se utiliza principalmente para transferir datos estructurados a través de una conexión de red, utilizando un proceso llamado serialización(1).

Su principal utilización es la transmisión de información a través del protocolo http, por su facilidad de integración con el DOM y su rapidez en aplicaciones AJAX(2) esta ganando muchísimos adeptos a XML en el desarrollo Web.

Os muestro cómo almacenaríamos un usuario de una agenda telefónica por ejemplo:

Anotaciones:
(1) http://es.wikipedia.org/wiki/Serializaci%C3%B3n
(2) http://en.wikipedia.org/wiki/Ajax_%28programming%29

Fuentes:
Introducción a JavaScript Object Notation (JSON) en JavaScript y .NET
Definición JSON.
Blog sobre JSON
Web Oficial

Via anieto2k , descubre una manera muy sencilla de gestionar las dependencias de las diferentes librerias js de un proyecto web.

Corto y pego del blog de anieto para poder tenerlo guardadito aquí.

En el artículo nos muestra un ejemplo de como podría ser una gestión de componentes para nuestra aplicación javascript.


var myAwesomeApp = {


components :{
formcheck:{

url:'formcheck.js',
loaded:false

},
dynamicnav:{


url:'dynamicnav.js',
loaded:false

},
gallery:{

url:'gallery.js',
loaded:false

},
lightbox:{

url:'lightbox.js',
loaded:false

}

},
addComponent:function(component){

var c = this.components[component];
if(c && c.loaded === false){

var s = document.createElement('script');
s.setAttribute('type', 'text/javascript');
s.setAttribute('src',c.url);
document.getElementsByTagName('head')[0].appendChild(s);

}

},

componentAvailable:function(component){

this.components[component].loaded = true;
if(this.listener){

this.listener(component);
};

}

};


Esta posibilidad además de permitirnos gestionar las dependecias de nuestra aplicación nos permite llevar un mayor control de la aplicación que estamos desarrollando. En caso de necesitar añadir dependencias podríamos usar la siguiente forma que nos evitará tener que tocar el código ya escrito.


myAwesomeApp.listener = function(component){
if(component === ‘bespokecomponent’){
myAwesomeApp.addComponent(’bespokelabels’);
};
if(component === ‘bespokelabels’){
myAwesomeApp.addComponent(’bespokedata’);
};
if(component === ‘bespokedata’){
myAwesomeApp,bespokecomponent.init();
};
};

myAwesomeApp.components.bespokecomponent = {
url:’bespoke.js’,
loaded:false
};
myAwesomeApp.components.bespokelabels = {
url:’bespokelabels.js’,
loaded:false
};
myAwesomeApp.components.bespokedata = {
url:’bespokedata.js’,
loaded:false
};
myAwesomeApp.addComponent(’bespokecomponent’);

Insisto en hacer referencia a su autor anieto2k .