Dos Ideas. - Contribuciones del usuario [es]

Minificado Javascript con YUI Compressor

2013-08-06T13:35:01Z

Favio.tolosa:

[[Category:JavaScript]][[Category:Maven]]
== YUI Compressor ==
YUI Compressor es una libreria hecha por Yahoo que sirve para minificar archivos javascript y css.

== Plugin Maven ==
Existe un plugin en maven que usa esta libreria para minificar todos los archivos js y css que se encuentren en el proyecto.

== Pom.xml ==
<code lang="xml">
<plugin>
<groupId>net.alchim31.maven</groupId>
<artifactId>yuicompressor-maven-plugin</artifactId>
<version>1.3.0</version>
<executions>
<execution>
<phase>site</phase>
<goals>
<goal>compress</goal>
</goals>
</execution>
</executions>
<configuration>

<nosuffix>true</nosuffix>

<sourceDirectory>${basedir}/public_html/js/app</sourceDirectory>

<outputDirectory>${basedir}/target/javascripts</outputDirectory>
<aggregations>

<aggregation>

<removeIncluded>true</removeIncluded>

<output>${basedir}/target/javascripts/minified/app.js</output>

<inputDir>${basedir}/target/javascripts</inputDir>
<includes>


<include>copyright.txt</include>
<include>**/*.js</include>
</includes>
<excludes>

<exclude>jquery.js</exclude>
</excludes>
</aggregation>
</aggregations>
</configuration>
</plugin>
</code>

== Links ==
* Pagina oficial del plugin maven [http://alchim31.net/mvnsites/yuicompressor-maven-plugin/]
* Pagina oficial de la libreria [http://yui.github.io/yuicompressor/]

JavaScript

2013-08-06T13:00:20Z

Favio.tolosa: /* Ver también */

[[Category:JavaScript]]
[[JavaScript]] es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.

Al igual que [[Java]], [[JavaScript]] es un lenguaje orientado a objetos propiamente dicho, ya que dispone de Herencia, si bien esta se realiza siguiendo el paradigma de programación basada en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad.

Todos los navegadores modernos interpretan el código [[JavaScript]] integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje [[JavaScript]] de una implementación del DOM.

==Frameworks==
[[JavaScript]] cuenta con infinidad de frameworks y librerias que otorgan diversa funcionalidad. Entre los más conocidos:
* [[JQuery]], un framework de aplicación base, sumamente extensible.
* [[Prototype]], un framework de aplicación base que permite definir clases, muy usado.
* [[Rico]], un framework de componentes de presentación [AJAX].
* [[Concurrent Thread Javascript]], librería para manejo de hilos.

==Compatibilidad entre navegadores==
===Problemas con IE===
====Json is undefined====
La version de IE7 e IE8 no tiene importado de forma nativa las librerias de Json, por lo tanto hay que importarlas.

< !--[if lt IE 8]>
<script type="text/javascript" src="/js/json2.js"></script>
<![endif]-->

Bajar la libreria de json desde [[https://github.com/douglascrockford/JSON-js aca]].

====Change event listener====
El comportamiento del listener del evento "change" cuando se lo bindeamos a un radio button es el siguiente:

* en IE 7 el evento se dispara cuando el focus abandona el radio button.

* en Firefox (3.x), Safari (3.x) y opera (96) el evento se dispara al momento de que el radio button es seleccionado, sin esperar a que el focus abandone el radio.

Un workaround para que IE se comporte igual que el resto de los navegadores es el siguiente:

if ($.browser.msie) {
$('input[name=radioXXX]').bind('click', function(){
this.blur();
this.focus();
});
}

$('input[name=radioXXX]').bind('change', function(){
........;
});

==Ver también==
* [http://es.wikipedia.org/wiki/JavaScript JavaScript en la Wikipedia]
* [http://www.theserverside.com/tt/articles/article.tss?l=OOJavaScriptDemonstrated Conceptos y operaciones básicas]
* [[Test de javascript con QUnit]]
* [[Node.js]]
* [[JasmineJs]]
* [[Integrando JasmineJS con Ant]]
* [[UnderscoreJs]]
* [[Minificado Javascript con YUI Compressor]]

UnderscoreJs

2013-03-21T16:55:07Z

Favio.tolosa:

[[Category:JavaScript]]
== Underscore ==

UnderscoreJs es una librería javascript bastante simple de usar que nos provee de metodos y funciones para manipular: arreglos, colecciones, funciones y objetos en javascript.
El prefijo usado para usar sus funciones es "_".

== Algunas de las funciones ==

=== Filter ===

Es una funcion que obtiene determinados objetos dentro un array.

Ejemplo:

De un array que contiene objetos personas quiero obtener las que contengan el apellido "Perez", para eso vamos a usar la funcion filter.
Esta última recibe como parametro el array que contiene los elementos en el cual queremos realizar la busqueda,
y como segundo parametro un callback que realiza una iteracion por cada elemento del array.
Si el callback retorna un valor verdadero, el elemento del array original es duplicado en un array auxiliar.
Una vez que la iteracion termine la funcion filter retorna el array auxiliar con los resultados de la busqueda.

<code lang="javascript">
var personas = [
{
nombre: "Juan",
apellido: "Perez"
},
{
nombre: "Javier",
apellido: "Perez"
},
{
nombre: "Ernesto",
apellido: "De la Serna"
}
];
</code>

<code lang="javascript">
_.filter(personas, function (persona) {
return persona.apellido === "Perez";
});
</code>

El array devuelto es:
<code lang="javascript">
[
{
nombre: "Juan",
apellido: "Perez"
},
{
nombre: "Javier",
apellido: "Perez"
}
]
</code>

=== Uniq ===

Es una función que elimina duplicados de un array.

Ejemplo:

<code lang="javascript">
var names = ['Juan', 'Javier', 'Ernesto', 'Ernesto'];
_.uniq(names);
</code>

El resultado es
<code lang="javascript">
[
"Juan",
"Javier",
"Ernesto"
]
</code>

=== Reduce ===

Esta funcion realiza una suma de los valores que contienen los atributos que nosotros definamos para cierto array.

Ejemplo:

Tenemos una array de personas, cada una tiene un nombre y una edad. Lo que queremos hacer es sumar las edades de todas las personas dentro del array.

<code lang="javascript">
var personas = [
{
nombre: "Juan",
edad: 30
},
{
nombre: "Javier",
edad: 20
},
{
nombre: "Ernesto",
edad: 50
}
];
</code>

Enviamos como parametro el array de personas, un callback que recibe el resultado de la suma y el elemento del array,
y como otro parametro el valor inicial de la suma, en este caso será 0.

<code lang="javascript">
_.reduce(personas, function (resultado, persona) {
return resultado + persona.edad;
}, 0);
</code>

Esto retorna el valor 100.

== Links ==
Estas y muchas otras funciones las pueden encontrar en la pagina oficial de [http://underscorejs.org/ UnderscoreJs].

Integrando JasmineJS con Ant

2013-03-21T16:54:47Z

Favio.tolosa:

[[Category:JasmineJs]]
Vamos a suponer que tenemos un proyecto web que usa [http://ant.apache.org/ ant], y queremos agregar tests para nuestro código escrito en Javascript. Para lograr esto, vamos a valernos de [http://phantomjs.org/ PhantomJs]. Esto es un ejecutable que simula ser un navegador web sin la parte visual, que nos brindará un entorno en el cual correremos nuestras pruebas.

Lo que haremos en primera instancia es agregar los ejecutables y dependencias de Phantom a nuestro proyecto. Luego tenemos que agregar una tarea ant a nuestro archivo xml, invocando a dicho ejecutable:

'''''Build.xml'''''
<code lang="xml">
<target name="testJavascript">
<echo>Ejecutando tests de javascript...</echo>
<exec executable="Path del archivo ejecutable de phantom" failonerror="true" >
<arg value="Path del runner para jasmine” />
<arg value="Path del html que contiene los archivos js, y sus respectivos tests" />
<arg value="500" />
</exec>
<echo>La ejecución de los test ha finalizado.</echo>
</target>
</code>

Al invocar al ejecutable de Phantom, notemos que debemos agregar 3 parámetros:
* la ruta de un runner para Jasmine.
* la ruta del archivo html que contiene las inclusiones de los Js productivos y de tests
* Un timeout.

'''Fuentes''':

[http://phantomjs.org/ PhantomJs]

[http://creynders.wordpress.com/2012/03/14/automating-javascript-builds/ Jasmine + Ant]

JasmineJs

2013-03-21T16:54:02Z

Favio.tolosa:

[[Category:JavaScript]]
== Introducción ==

=== Objetivo: ===

* Testear el código Javascript de nuestra aplicación web.

=== Herramientas a usar ===

* jasmine
* jasmine-fakeAjax
* jasmine-jQuery

== Jasmine ==
Es un framework de desarrollo para testear código Javascript. La configuración mínima necesaria es:

* Dependencias de Jasmine
* Un archivo html donde correrán los test
* Archivos JS productivos
* Archivos JS con nuestros tests

Dentro de las dependencias de jasmine, encontramos los archivos:
* jasmine.css
* jasmine.js
* jasmine-html.js

En el html se visualizarán los resultados de los test desarrollados. A continuación, la estructura de dicho html:
<code lang="html4strict">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>

<link rel="stylesheet" type="text/css" href="lib/jasmine/jasmine.css"/>
<script type="text/javascript" src="lib/jasmine/jasmine.js"></script>
<script type="text/javascript" src="lib/jasmine/jasmine-html.js"></script>


<script type="text/javascript" src="lib/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="lib/underscore-1.1.7-min.js"></script>
<script type="text/javascript" src="lib/jasmine-jquery.js"></script>
<script type="text/javascript" src="view/preLoadFixtures.js"></script>

<script type="text/javascript" src="lib/jasmine-fake-ajax.js"></script>


<script type="text/javascript" src="bienvenido.js"></script>


<script type="text/javascript" src="bienvenidoTest.js"></script>

</head>
<body>
<script type="text/javascript">
// agregamos el reporte de tests y lo ejecutamos
jasmine.getEnv().addReporter( new jasmine.TrivialReporter());
jasmine.getEnv().execute();
</script>
</body>
</html>

</code>

Podemos visualizar que el html además de contener las configuración básica para correr test con jasmine, contiene librerias que nos ayudan a desarrollar test de mayor calidad. Estas las podemos visualizar dentro del bloque "dependencias de nuestros tests" y se explicarán luego.

En Jasmine los tests tienen la siguiente estructura:

* '''Describe''': es una función que recibe como parámetros un string con un nombre que identifica a un conjunto de casos de test, y una función, que contiene 1 o más sentencias “it”
** '''it''': es cada caso posible para nuestro test. También conserva la misma forma de un describe: una función que recibe dos parámetros: un string con su descripción, y una función con nuestro caso de test, que contiene 1 o más “expect”
*** '''expect''': es una función que recibe como parámetro un valor “real”; y se encadena a una función “matcher”, la cual lleva como parámetro el valor esperado. Para ser más concretos, quedaría: expect(valorReal).toBe(valorEsperado); donde “toBe” es una de las posibles funciones matcher.
**** '''matcher''': es una comparación entre un valor real y uno esperado. Se los puede negar encadenando la función “not” delante de ellos. Tenemos matchers incluidos por Jasmine, y también podemos definir más nosotros.

Vamos a ejemplificar con un test dummy:
<code lang="javascript">
describe("este es un test dummy", function() {
it("y este es un caso de test", function() {
expect(true).toBe(true);
expect(false).not.toBe(true);
});
});
</code>

Observen que en el caso anterior la función '''expect''' nos retorna un objeto, del cual utilizamos el atributo '''not''' y de él, su matcher '''toBe''', para negar el resultado de este último.

Vamos con un ejemplo en el cual yo quiero tener un objeto "persona", que tenga un atributo "saludar", el cual al invocarlo me retorne "hola". El test nos quedaría así:

<code lang="javascript">
describe("persona.saludar",function(){

it("deberia retornar hola", function(){
var saludo = persona.saludar();
expect(saludo).toEqual("hola");
});
});
</code>

Les propongo que antes de leer las líneas siguientes, ejecuten los tests e intenten interpretar los errores que nos lanza Jasmine. Pueden descargar este [https://frameworks-test-javascript.googlecode.com/svn/trunk/jasmine-minConfig proyecto de prueba] donde encontrarán un holaMundo.

¿Qué pasa si quiero hacer algo antes de cada Test?
Bueno, para eso usamos ''beforeEach'' y ''afterEach''. El código que pongamos dentro de estas funciones, serán llamados antes y después de cada ''it'', respectivamente.

<code lang="javascript">
describe('beforeEach', function(){
beforeEach(function(){
// Antes de cada caso de prueba se carga un archivo html.
jasmine.getFixtures().load("persona/prueba.html");
});
it('Caso prueba', function(){
// Test
});
});
</code>

----

== Fake Ajax ==
Jasmine-fakeAjax nos permite crear interceptores de urls, y enviar datos dummy en las mismas cuando son ejecutadas desde JQuery.ajax();

Ejemplo:

<code lang="javascript">
describe('Test FakeAjax', function() {
it('La data que devolvio la llamada ajax es igual al del fake', function() {
var mensaje;
// Registramos el fake ajax.
registerFakeAjax({url: '/prueba', successData: 'Prueba exitosa'});
// Hacemos la llamada ajax.
$.get('/prueba', function(data) {
mensaje= data
});
// Comprobamos que nos hay llegado lo que definimos en el fake
expect(mensaje).toEqual('Prueba exitosa')
})
});
</code>

----

== Fixtures ==
Usamos la libreria Jasmine-jQuery para testear los JS que interactúan con nuestro html, la misma nos provee matchers de jquery, y nos permite manejar: CSS, HTML y JSON en nuestros specs. También nos permite armar un "esqueleto" de la página en la que va a ejecutar nuestro código JS. Esto lo logra mediante un elemento que buscaremos mediante el id "sandbox", y al cual le agregaremos nuestro código html, estilos, etc.
Ahora bien, cuando hay varios casos de test en los que debemos utilizar el mismo html, se vuelve tedioso tener que copiar este código a lo largo de todos los archivos. Para solucionar este problema, el módulo fixture de esta librería nos permite cargar archivos HTML en nuestros test.

'''Ejemplo''':
Tenemos un archivo llamado pruebaFixture.html que contiene:
<code lang="html4strict">
<div id="prueba" style="display:none;"/>
</code>

Se setea el path en donde estaran los fixtures, por defecto es “spec/javascripts/fixtures”
<code lang="javascript">
jasmine.getFixtures().fixturesPath = './fixtures';
</code>

Se levanta el HTML con la función load.
<code lang="javascript">
jasmine.getFixtures().load("pruebaFixture.html");
</code>

El test que comprueba que el div este oculto.
<code lang="javascript">
it("El input id debe estar oculto",function(){
var div = $("#prueba");
expect(div).toBeHidden();
});
</code>

Este test comprueba que el elemento #prueba sea un div.
<code lang="javascript">
it("El elemento es un div",function(){
var div = $("#prueba");
expect(div).toBe('div');
});
</code>

Algo para tener en cuenta es que debemos cargar los fixtures en memoria antes de cargar la librería fake ajax por un conflicto entre las librerías. Es decir, deberá existir un archivo que precargue los fixtures antes de cargar la librería fake ajax, como se muestra en el archivo preLoadFixtures.js
<code lang="javascript">
jasmine.getFixtures().fixturesPath = './fixtures';
jasmine.getFixtures().preload("fixture1.html","fixture2.html");
</code>

Y luego, al cargar el archivo html, se deberá cargar el archivo preLoadFixtures.js antes del archivo de la librería de fake ajax.
Una vez cargados los fixtures en memoria, los mismos se cargarán de la misma manera mencionada al comienzo de la sección mediante:

<code lang="javascript">
jasmine.getFixtures().load("fixture1.html");
</code>

Fuentes / Más info en

[http://pivotal.github.com/jasmine/ Jasmine]

[https://github.com/velesin/jasmine-jquery Repositorio de jasmine-jquery]

[https://github.com/mileskin/jasmine-fake-ajax Repositorio de jasmine-fake-ajax]

UnderscoreJs

2013-03-19T19:58:48Z

Favio.tolosa: /* Filter */

== Underscore ==

UnderscoreJs es una librería javascript bastante simple de usar que nos provee de metodos y funciones para manipular: arreglos, colecciones, funciones y objetos en javascript.
El prefijo usado para usar sus funciones es "_".

== Algunas de las funciones ==

=== Filter ===

Es una funcion que obtiene determinados objetos dentro un array.

Ejemplo:

De un array que contiene objetos personas quiero obtener las que contengan el apellido "Perez", para eso vamos a usar la funcion filter.
Esta última recibe como parametro el array que contiene los elementos en el cual queremos realizar la busqueda,
y como segundo parametro un callback que realiza una iteracion por cada elemento del array.
Si el callback retorna un valor verdadero, el elemento del array original es duplicado en un array auxiliar.
Una vez que la iteracion termine la funcion filter retorna el array auxiliar con los resultados de la busqueda.

<code lang="javascript">
var personas = [
{
nombre: "Juan",
apellido: "Perez"
},
{
nombre: "Javier",
apellido: "Perez"
},
{
nombre: "Ernesto",
apellido: "De la Serna"
}
];
</code>

<code lang="javascript">
_.filter(personas, function (persona) {
return persona.apellido === "Perez";
});
</code>

El array devuelto es:
<code lang="javascript">
[
{
nombre: "Juan",
apellido: "Perez"
},
{
nombre: "Javier",
apellido: "Perez"
}
]
</code>

=== Uniq ===

Es una función que elimina duplicados de un array.

Ejemplo:

<code lang="javascript">
var names = ['Juan', 'Javier', 'Ernesto', 'Ernesto'];
_.uniq(names);
</code>

El resultado es
<code lang="javascript">
[
"Juan",
"Javier",
"Ernesto"
]
</code>

=== Reduce ===

Esta funcion realiza una suma de los valores que contienen los atributos que nosotros definamos para cierto array.

Ejemplo:

Tenemos una array de personas, cada una tiene un nombre y una edad. Lo que queremos hacer es sumar las edades de todas las personas dentro del array.

<code lang="javascript">
var personas = [
{
nombre: "Juan",
edad: 30
},
{
nombre: "Javier",
edad: 20
},
{
nombre: "Ernesto",
edad: 50
}
];
</code>

Enviamos como parametro el array de personas, un callback que recibe el resultado de la suma y el elemento del array,
y como otro parametro el valor inicial de la suma, en este caso será 0.

<code lang="javascript">
_.reduce(personas, function (resultado, persona) {
return resultado + persona.edad;
}, 0);
</code>

Esto retorna el valor 100.

== Links ==
Estas y muchas otras funciones las pueden encontrar en la pagina oficial de [http://underscorejs.org/ UnderscoreJs].

UnderscoreJs

2013-03-19T19:56:47Z

Favio.tolosa: /* Underscore */

UnderscoreJs

2013-03-19T19:55:24Z

Favio.tolosa:

== Underscore ==

UnderscoreJs es una librería javascript que nos provee de metodos y funciones para manipular: arreglos, colecciones, funciones y objetos en javascript.
El prefijo usado para usar sus funciones es "_".

== Algunas de las funciones ==

=== Filter ===

Es una funcion que obtiene determinados objetos dentro un array.

Ejemplo:

De un array que contiene objetos personas quiero obtener las que contengan el apellido "Perez", para eso vamos a usar la funcion filter.
Esta última recibe como parametro el array que contiene los elementos en el cual queremos realizar la busqueda,
y como segundo parametro un callback que realiza una iteracion por cada elemento del array.
Si el callback retorna un valor verdadero, el elemento del array original es duplicado en un array auxiliar.
Una vez que la iteracion termine la funcion filter retorna el array auxiliar con los resultados de la busqueda.

<code lang="javascript">
var personas = [
{
nombre: "Juan",
apellido: "Perez"
},
{
nombre: "Javier",
apellido: "Perez"
},
{
nombre: "Ernesto",
apellido: "De la Serna"
}
];
</code>

<code lang="javascript">
_.filter(personas, function (persona) {
return persona.apellido === "Perez";
});
</code>

El array devuelto es:
<code lang="javascript">
[
{
nombre: "Juan",
apellido: "Perez"
},
{
nombre: "Javier",
apellido: "Perez"
}
]
</code>

=== Uniq ===

Es una función que elimina duplicados de un array.

Ejemplo:

<code lang="javascript">
var names = ['Juan', 'Javier', 'Ernesto', 'Ernesto'];
_.uniq(names);
</code>

El resultado es
<code lang="javascript">
[
"Juan",
"Javier",
"Ernesto"
]
</code>

=== Reduce ===

Esta funcion realiza una suma de los valores que contienen los atributos que nosotros definamos para cierto array.

Ejemplo:

Tenemos una array de personas, cada una tiene un nombre y una edad. Lo que queremos hacer es sumar las edades de todas las personas dentro del array.

<code lang="javascript">
var personas = [
{
nombre: "Juan",
edad: 30
},
{
nombre: "Javier",
edad: 20
},
{
nombre: "Ernesto",
edad: 50
}
];
</code>

Enviamos como parametro el array de personas, un callback que recibe el resultado de la suma y el elemento del array,
y como otro parametro el valor inicial de la suma, en este caso será 0.

<code lang="javascript">
_.reduce(personas, function (resultado, persona) {
return resultado + persona.edad;
}, 0);
</code>

Esto retorna el valor 100.

== Links ==
Estas y muchas otras funciones las pueden encontrar en la pagina oficial de [http://underscorejs.org/ UnderscoreJs].

UnderscoreJs

2013-03-19T19:54:41Z

Favio.tolosa: Página creada con '== Underscore == UnderscoreJs es una librería javascript que nos provee de metodos y funciones para manipular: arreglos, colecciones, funciones y objetos en javascript. El pre…'

== Underscore ==

UnderscoreJs es una librería javascript que nos provee de metodos y funciones para manipular: arreglos, colecciones, funciones y objetos en javascript.
El prefijo usado para usar sus funciones es "_".

=== Algunas de las funciones ===

== Filter ==

Es una funcion que obtiene determinados objetos dentro un array.

Ejemplo:

De un array que contiene objetos personas quiero obtener las que contengan el apellido "Perez", para eso vamos a usar la funcion filter.
Esta última recibe como parametro el array que contiene los elementos en el cual queremos realizar la busqueda,
y como segundo parametro un callback que realiza una iteracion por cada elemento del array.
Si el callback retorna un valor verdadero, el elemento del array original es duplicado en un array auxiliar.
Una vez que la iteracion termine la funcion filter retorna el array auxiliar con los resultados de la busqueda.

<code lang="javascript">
var personas = [
{
nombre: "Juan",
apellido: "Perez"
},
{
nombre: "Javier",
apellido: "Perez"
},
{
nombre: "Ernesto",
apellido: "De la Serna"
}
];
</code>

<code lang="javascript">
_.filter(personas, function (persona) {
return persona.apellido === "Perez";
});
</code>

El array devuelto es:
<code lang="javascript">
[
{
nombre: "Juan",
apellido: "Perez"
},
{
nombre: "Javier",
apellido: "Perez"
}
]
</code>

== Uniq ==

Es una función que elimina duplicados de un array.

Ejemplo:

<code lang="javascript">
var names = ['Juan', 'Javier', 'Ernesto', 'Ernesto'];
_.uniq(names);
</code>

El resultado es
<code lang="javascript">
[
"Juan",
"Javier",
"Ernesto"
]
</code>

== Reduce ==

Esta funcion realiza una suma de los valores que contienen los atributos que nosotros definamos para cierto array.

Ejemplo:

Tenemos una array de personas, cada una tiene un nombre y una edad. Lo que queremos hacer es sumar las edades de todas las personas dentro del array.

<code lang="javascript">
var personas = [
{
nombre: "Juan",
edad: 30
},
{
nombre: "Javier",
edad: 20
},
{
nombre: "Ernesto",
edad: 50
}
];
</code>

Enviamos como parametro el array de personas, un callback que recibe el resultado de la suma y el elemento del array,
y como otro parametro el valor inicial de la suma, en este caso será 0.

<code lang="javascript">
_.reduce(personas, function (resultado, persona) {
return resultado + persona.edad;
}, 0);
</code>

Esto retorna el valor 100.

== Links ==
Estas y muchas otras funciones las pueden encontrar en la pagina oficial de [http://underscorejs.org/ UnderscoreJs].

JavaScript

2013-03-18T19:04:34Z

Favio.tolosa: /* Ver también */

JavaScript

2013-03-12T13:05:35Z

Favio.tolosa: /* Ver también */

[[Category:JavaScript]]
[[JavaScript]] es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.

Al igual que [[Java]], [[JavaScript]] es un lenguaje orientado a objetos propiamente dicho, ya que dispone de Herencia, si bien esta se realiza siguiendo el paradigma de programación basada en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad.

Todos los navegadores modernos interpretan el código [[JavaScript]] integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje [[JavaScript]] de una implementación del DOM.

==Frameworks==
[[JavaScript]] cuenta con infinidad de frameworks y librerias que otorgan diversa funcionalidad. Entre los más conocidos:
* [[JQuery]], un framework de aplicación base, sumamente extensible.
* [[Prototype]], un framework de aplicación base que permite definir clases, muy usado.
* [[Rico]], un framework de componentes de presentación [AJAX].
* [[Concurrent Thread Javascript]], librería para manejo de hilos.

==Compatibilidad entre navegadores==
===Problemas con IE===
====Json is undefined====
La version de IE7 e IE8 no tiene importado de forma nativa las librerias de Json, por lo tanto hay que importarlas.

< !--[if lt IE 8]>
<script type="text/javascript" src="/js/json2.js"></script>
<![endif]-->

Bajar la libreria de json desde [[https://github.com/douglascrockford/JSON-js aca]].

====Change event listener====
El comportamiento del listener del evento "change" cuando se lo bindeamos a un radio button es el siguiente:

* en IE 7 el evento se dispara cuando el focus abandona el radio button.

* en Firefox (3.x), Safari (3.x) y opera (96) el evento se dispara al momento de que el radio button es seleccionado, sin esperar a que el focus abandone el radio.

Un workaround para que IE se comporte igual que el resto de los navegadores es el siguiente:

if ($.browser.msie) {
$('input[name=radioXXX]').bind('click', function(){
this.blur();
this.focus();
});
}

$('input[name=radioXXX]').bind('change', function(){
........;
});

==Ver también==
* [http://es.wikipedia.org/wiki/JavaScript JavaScript en la Wikipedia]
* [http://www.theserverside.com/tt/articles/article.tss?l=OOJavaScriptDemonstrated Conceptos y operaciones básicas]
* [[Test de javascript con QUnit]]
* [[Node.js]]
* [[Test en Javascript con JasmineJs, PhantomJs y Ant]]