|

Novedades en Javascript 1.8

ByLuis

Mientras se sigue con el desarrollo de la versión 3 de Firefox, podemos ir viendo que novedades traerá la versión 1.8 de Javascript. Las novedades son muy interesantes, pero creo que necesitarán de un cambio de modo de pensar en Javascript, ya que es algo a lo que no estamos acostumbrados.

Notación Lambda

La notación Lambda nos permite declarar funciones que devuelvan datos sin necesidad de llaves ({..}), ni de devolver directamente el resultado con return.

Por ejemplo, la siguiente función:

function(x) { return x * x; }

pasaría a ser:

function(x) x * x

Generador de expresiones

Existente ya en Phyton, nos permite generar expresiones como arrays o matrices de forma rápida y elegante. Para una explicación con un poco de profundidad, el autor del artículo usa un solucionador de Sudokus para explicarnos paso a paso cómo funcionan. Quizás un ejemplo más sencillo sea el siguiente:

// Crea un array de 100 posiciones rellenas con cero
[ 0 for ( i in 100 ) ]
// Crea una matriz identidad de 10x10
[[ i == j ? 1 : 0 for ( i in 10 ) ] for ( j in 10 )]

También se pueden utilizar para comprimir arrays, por ejemplo quedarnos solo con los valores pares:

[i for (i in lista) if (i % 2 == 0)]

Reducción de arrays

Permite reducir iterativamente un array a un solo valor usando una función llamada de retorno.

La nomenclatura sería de la siguiente forma:

miArray.reduce( fn [, val_inicial] );
// La función sería de la siguiente manera
miArray.reduce(function(ultimo_valor, valor_actual){
return ultimo_valor + valor_actual;
});

Si combinamos los dos puntos anteriores, podemos obtener la suma de los cien primeros números de la siguiente manera:

[x for ( x in 100 )].reduce(function(a,b) a+b);

JavaScript 1.8 Progress

Vía / dzone

Similar Posts

coScripter: plugin de Firefox para hacer how-to

ByLuis

coscripter.pngAunque ya hablamos en su momento de este plugin de Firefox, es ahora cuando IBM lo ha finalizado y podemos disponer de él. Se trata de un plugin que nos permite grabar en scripts la actividad que realizamos mientras visitamos páginas webs y así poder repetirlo en otro momento o compartirlo con otros usuarios.
La gran utilidad que le veo a este script es la de poder generar how-to, sobre todo en proyectos para poder generar casos para los tests de prueba.
A parte, existe un repositorio de scripts que comparten con los usuarios .
coScripter
Vía / SitePoint

Firefox 2 RC1 lanzado

ByLuis

firefox2rc1.pngFirefox 2 ha salido del estado beta y ya tenemos a nuestra disposición la versión release candidate. Si te vas a instalar esta versión, no olvides de indicar los fallos que encuentres en Bugzilla para ayudar a los desarrolladores de Firefox y así mejorar el producto.
Por si aún no conoces que novedades trae respecto a la versión 1.5, quizás te interese saber que incluye mejoras en el aspecto gráfico (por ejemplo los botones de la barra de herramientas brillan cuando pasas sobre ellos con el ratón), protección antiphishing, mejoras en las búsquedas (como sugerencia de términos), mejoras en las pestañas, restauración de la sesión, previsualización y suscripción a web feeds, microsumarios y muchas cosas más.
Firefox 2 RC1
Vía / Downloadsquad

Desarrolladores de Firefox 3 definen una lista preliminar de características

ByLuis

En un reciente encuentro los desarrolladores de Firefox 3, han definido una lista preliminar de requisitos para este programa:

De la lista de requisitos obligatorios destacan:

  • Mejoras en la interacción con las extensiones: un lenguaje más coherente, menos pasos para la instalación, más vías para configurarlos, más alertas cuando haya actualizaciones y un botón permanente para reiniciar Firefox.
  • Soporte para favoritos externos, favoritos y anotación de históricos. ¿Podremos gestionar directamente nuestros enlaces en Delicious o similar?
  • Los archivos o ficheros se podrán abrir con servicios webs; es decir, podríamos hacer cosas como que al hacer click sobre un fichero se habra con Google Documents o aplicaciones web de este tipo.
  • Mejora del soporte para impresión para prevenir cortes en los párrafos de texto.
  • Algo que parece bastante solicitado es un instalador MSI que sería muy valorado por los administradores de sistemas a la hora de actualizar Firefox.
  • Soporte para Microsoft CardSpace y OpenID.
  • El actual sistema de informe de errores, TalkBack, se sustituirá por el sistema de código abierto de Google: airbag.

Entre los requisitos altamente deseables:

  • Sistema de navegación privado. Posiblemente sin caché, historial o guardado de datos de formularios y claves.
  • Guardar páginas en PDF, esto además combinado con el historial.
  • Soporte para pausar y retomar descargas entre sesiones.
  • Ayuda únicamente online. Personalmente no sé quién y por qué quiere eso.
  • Soporte para microformatos .

Otras cosas que serían interesantes:

  • Unificar historial y marcadores
  • Soporte para los controles principales de Windows Vista.
  • Agrupación de pestañas y expose (algo parecido a lo que hace esta extensión).
  • Windows Group Policy.
  • Permitir instalar extensiones sin reiniciar. Esto no se yo si lo harán, pero si que es interesante.
  • Interfaz más intuitivo y manejable para gestionar las descargas.

Vía / Mozillalinks

Más información

| |

Laboratorio: realizar drag and drop de elementos HTML

ByLuis

Dentro de la Web 2.0 se intentan hacer cosas menos web y más tipo aplicación de escritorio. Una de estas cosas es realizar un drag and drop. Esto nos puede ser útil para interactuar con elementos, por ejemplo, tenemos una lista de productos, pinchamos en uno y arrastramos en otro, obteniendo una comparativa de los productos. Bueno, las aplicaciones que le podemos dar depende de nuestras necesidades y de nuestra imaginación. Eso sí, la forma de realizarlo es la misma.
drag.png
En el ejemplo que hemos creado, hacemos que el elemento seleccionado se posicione encima del elemento sobre el que realizamos el drop. También hay que tener en cuenta, que en este caso, el drag&drop que hacemos es pinchando-moviendo-pinchando, no pinchando-moviendo-soltando. Realmente también se podría hacer así, pero como lo hemos hecho válido para texto, si lo hacemos de la manera normal, se podría ir seleccionando el texto según se mueve el ratón.

Read More “Laboratorio: realizar drag and drop de elementos HTML”

|

Añadir Javascript relacionado con templates en WordPress

ByLuis

La jerarquía de las plantillas de wordpress permite definir diferentes plantillas para mostrar según el tipo de contenido. Por ejemplo, la template para mostrar el contenido de un post es single.php, pero si es un custom post type podemos crearnos la template single-miposttype.php y que use esa plantilla específica para mostrar los contenidos del custom post type. Si se trata de una página mostrará page.php, y así con todos los tipos de contenido.

Lo que nos encontramos en ocasiones es que queremos ejecutar un javascript específico asociado a esa plantilla, lo cual podemos hacerlo a la hora de añadir los scripts preguntando por el tipo de contenido. Pero si lo queremos hacer de una forma más automática, podemos añadir en el filtro template_include la acción de añadir el script.

add_filter('template_include', 'js_load_script_template');
function js_load_script_template($template) {
  // Obtenemos el fichero de la template que se usa
  $js = pathinfo($template);
  $js = $js['filename'];
  // Me gusta obtener la versión del theme para evitar caches
  $my_theme = wp_get_theme();
  $version = $my_theme->get( 'Version' );  
  // Si el fichero js existe, p.e. single-miposttype.js lo añadimos
  if (file_exists(get_template_directory().'/js/'.$js.'.js')) {
    wp_enqueue_script( $js, get_bloginfo('template_directory').'/js/'.$js.'.js', array(), $version );
  }
  // Tambien ejecuto el script relacionado con la plantilla generica, p.e. single.js
  $js_part = preg_replace('#^([^\-]+)\-.*$#', '$1', $js);
  if ($js != $js_part && file_exists(get_template_directory().'/js/'.$js_part.'.js')) {
    wp_enqueue_script( $js_part, get_bloginfo('template_directory').'/js/'.$js_part.'.js', array(), $version );
  }    
  return $template;
}

Firefox depurará su código

ByLuis

firefox.pngMozilla pretende que las próximas versiones y funcionalidades que se incorporen a Firefox sean más seguras, para ello ha contratado a la anterior jefa de seguridad de Microsoft y ex-hacker. Según la nueva “Chief Security Something”.

Deseamos reducir el riesgo general de Firefox evaluando constantemente donde hay funcionalidad no aprovechada, desechando luego el código antiguo.

Mientras que las antiguas funcionalidades pretenden usarlas como extensiones y no como parte de código completo, también quieren aumentar la seguridad del navegador como integrando la nueva herramienta de anti-phishing de Firefox 2.0, y evitar que código maligno escriba en la memoria.