Los nuevos métodos jQuery on() y off()

Introducción

Con la llegada de jQuery 1.7, se han solucionado varios bugs que esta biblioteca arrastraba de versiones anteriores; también se ha mejorado una vez más el rendimiento general de la misma prestándose especial atención a selectores y a la portabilidad a los dispositivos móviles.

Pero además de estos ‘arreglos’, tenemos nuevos métodos y nuevas funcionalidades interesantes. De entre los primeros, sin duda los más interesantes son los que se refieren a la nueva gestión de eventos: el corazón de jQuery.

Los eventos en jQuery

Desde su aparición, jQuery se ha caracterizado por la flexibilidad con la que el desarrollador puede efectuar selecciones de elementos dentro del DOM y por la facilidad para asociar eventos a cada uno de esos conjuntos seleccionados.

Sin embargo, un problema con el que han tenido que lidiar los chicos del jQuery Team es que, con el paso de las versiones, estos manejadores (handlers) se han multiplicado hasta resultar confusos en las últimas releases. Seguir Leyendo…

Dentro de Javascript / AJAX, jQuery | Etiquetas: , , , , , , , | 18 Comentarios

Signos de que eres un mal desarrollador

Introducción

Siguiendo en la línea de los artículos que @ialcazar considera como ‘esos que despiertan conciencias‘, he querido traer ahora un escrito original de Lawrence Wenham donde desarrolló un listado de signos (con sus síntomas y remedios) que identificarían a los malos desarrolladores.

El objetivo de este artículo no es otro sino el de motivarnos a continuar aprendiendo ya que es perfectamente aplicable a cada uno de nosotros en el momento de enfrentarnos a una nueva tecnología. Me gusta aquí recordar como Rober Martin siempre aconseja que, para mejorar como desarrolladores, tenemos que salirnos frecuentemente de nuestra zona de confort, buscando nuevos retos en lenguajes que supongan un paradigma radicalmente opuesto al que manejamos en nuestro día a día.

Si decidimos dar el salto del paradigma imperativo al declarativo, podemos necesitar de algún tipo de rasero que nos indique si ya estaríamos preparados para aplicar los nuevos conocimientos a un entorno real de producción.

Veámos cuáles podrían ser los síntomas de si hemos o no comprendido lo que tenemos entre manos…

Seguir Leyendo…

Dentro de Programación | Etiquetas: , , , , , , , , , | 4 Comentarios

Ordenación básica de datos en Javascript

Introducción

Cuando comenzamos a estudiar algoritmos, uno de los temas más recurrentes para ejemplificar la materia es la ordenación de datos. Básicamente se trata de, partiendo de una lista con elementos dispuestos al azar, encontrar la forma de procesarla para devolverla ordenada.

Para esto, existen varios tipos de algoritmos diferentes que resuelven el problema a través de distintos acercamientos; estudiarlos es una buena forma de entender cómo se diseñan y cómo se mide el rendimiento de los mismos según cada uno de los escenarios posibles en los que pueden aplicarse.

En este artículo, repasaremos tres métodos muy conocidos de ordenación diferentes: bubblesort, selectionsort e insertionsort.

Cada uno de estos tres algoritmos se resuelven por iteración y, ya que son muy sencillos de codificar, se los considera como métodos simples. Pasemos sin más a estudiar cada uno de ellos para descubrir cuál(es) es el más interesante a la hora de implementarlo en un proyecto. Seguir Leyendo…

Dentro de Javascript | Etiquetas: , , , , , , , , | 11 Comentarios

Cómo comparar objetos y arrays en Javascript

Introducción

Es muy frecuente que, durante la etapa de debug de un código, tengamos que realizar diversas comparaciones entre objetos. Por ejemplo, uno de los métodos más recurrentes cuando realizamos TDD es el assertEquals donde pasamos dos términos y esperamos comprobar si ambos son iguales.

Sin embargo, pese a que cuando comparamos cadenas y números no hay ningún problema, no ucurre lo mismo cuando nos enfrentamos a objetos o arrays. Un ejemplo de resultados poco intuitivos son los siguientes:

console.log( [1, 2] == [1, 2] ); // false
console.log( [1, 2] === [1, 2] ); // false
 
console.log( { foo : 'Hello World'} == { foo : 'Hello World'} ); // false
console.log( { foo : 'Hello World'} === { foo : 'Hello World'} ); // false

Como podemos ver, ni la comparación simple ni la estricta, resultan útiles a la hora de trabajar con objetos y arrays. Como cabe esperar, si la estructura fuera más complicada, con más elementos anidados, el resultado sería siendo el mismo. Seguir Leyendo…

Dentro de Javascript | Etiquetas: , , , , , , | 7 Comentarios

Estudiando el diseño de jQuery paso a paso (II Parte)

Introducción

No tenía pensado hacer una continuación del anterior artículo ‘Estudiando el diseño de jQuery paso a paso‘ pero, a raíz de los comentarios de algunos usuarios, he visto interesante que continuemos profundizando en esta arquitectura para comprender mejor cómo construir nuestros propios frameworks o bibliotecas.

Aplicando métodos por referencia

Uno de los aspectos más interesantes en el uso de jQuery es la aplicación de sus métodos por referencia. Nosotros, en el ejercicio anterior, habíamos creado un objeto donde, para aplicar una funcionalidad concreta a una cadena, ésta se pasaba como argumento del correspondiente método:

$.trim('   Hola Mundo '); // Hola Mundo

Sin embargo, a la hora de trabajar con la API pública de nuestra biblioteca, resulta mucho más cómodo cuando la funcionalidad se aplica sobre un argumento asociado al objeto y no al método. Siguiendo el ejemplo anterior, la nueva propuesta de sintaxis sería:

$('  Hola Mundo   ').trim();

De este modo, ganamos en legibilidad a la vez que abrimos las puertas a otros comportamientos interesantes que veremos más adelante.
Seguir Leyendo…

Dentro de Javascript, jQuery | Etiquetas: , , , , , , | 22 Comentarios
Página 5 de 30Primera...34567...102030...Última
Licencia Creative Commons 3.0

®Copyright 2011. Cotenido web bajo licencia Creative Commons 3.0

Códigos bajo licencias MIT y GPL. Ver página de licencias para más información