Hace algunos meses (o casi dos años), publiqué una forma de validar un número de RUT chileno utilizando programación funcional en C#. Poco tiempo después decubrí que había un error en la fórmula, pero nunca lo corregí en la web. 

Hoy, aprovechando que he rescrito la rutina para utilizar un número sin tener que convertirlo en string, decidí publicar una nueva versión. La forma más corta sería así:

var num = 12345678;
var dv = "0K987654321" [
	Enumerable
		.Range (0, (int) Math.Floor (Math.Log10 (num)) + 2)
		.Select (i =>
			((i % 6) + 2) *
			((num / (int) Math.Pow (10, i)) % 10))
		.Sum () % 11];

Donde num es el número del RUT y dv es el dígito verificador. En palabras simples, aquí recorremos los dígitos (0 hasta el floor(log10(num))+1), obtenemos cada uno (dividiendo por 10 a la i y luego sacando el módulo de 10), multiplicando por el multiplicador correspondiente y sumando al final. El rango inicial (Enumerable.Range) no necesita ser tan preciso ya que si lo extendemos más allá de lo necesario, agregaríamos ceros a la suma final. Si sabemos que el largo no es superior a X caracteres, podemos asumirlos y escribir Enumerable.Range(0, largoesperado).

Por favor, háganme saber si tienen alguna forma de simplificar aún más este cálculo :)

Instalé Ubuntu 12.10 Quantal Quetzal. No soy fan de Unity, así es que instalé GNOME y otras aplicaciones preferidas :).

En primer lugar, al parecer existe un problema de dependencias en los drivers de NVidia. Instalé el paquete nvidia-current, pero no funciona inmediatamente. Al parecer, el problema es que no se instala el paquete linux-headers-generic automáticamente. Lo ideal es instalar este paquete primero y luego los drivers de NVidia.

He notado que la reproducción de videos de YouTube no es tan fluida en Chrome. Investigué un poco y el problema se solucionó al deshabilitar el plugin de flash incluído en Chrome y utilizando en su lugar el plugin instalado por flashplugin-installer.

Por último, Compiz también estaba funcionando mal. Culpé a los drivers de NVidia, pero finalmente pude solucionarlo deshabilitando Framebuffer object en el plugin OpenGL de Compiz. Lamentablemente, esto tiene algunos efectos secundarios como algunas texturas que no se redibujan correctamente. De todas formas, es bastante más fuido.

Con estas pequeñas modificaciones, todo anda sobre ruedas :)

Hace algún tiempo escribí sobre las aplicaciones que instalo cada vez que tengo que trabajar con un nuevo computador o instalación de Ubuntu.

Acá va una lista actualizada:

Escritorio:

• Gnome: Ya no viene por defecto en Ubuntu
• Google Chrome: Tampoco viene por defecto (Gratis. Su versión libre es chromium)
• Synapse: Reemplazó a Gnome-Do
• Deluge: Sigue siendo mi cliente torrent
• VirtualBox: Sigue siendo mi preferido para virtualizar (uso la versión gratuita en vez de la versión libre)
• Mplayer: Reproductor multimedia
• VLC: Otro reproductor multimedia
• XChat: No lo uso tanto como antes, pero sigue estando en la lista
• Midnight Commander: Lo uso todavía para algunas tareas

Desarrollo:

• Sublime Text: Mi editor de HTML / CSS / JavaScript / SQL preferido y es portable :) (no es libre, pero gratuito)
• MonoDevelop: IDE para Mono
• PostgreSQL: Indispensable para desarrollo (junto a pgadmin)

:D

Hay situaciones cuando queremos limitar el ancho de banda utilizado por un proceso para que, por ejemplo, una descarga desde un servidor FTP no consuma todo el ancho de banda disponible y dificulte la navegación o al resto de los usuarios de la red.

Para Linux (y BSD y otros) existe trickle, que permite en forma simple limitar el ancho de banda. Basta con pasar el comando y los argumentos a ejecutar al final de los argumentos de trickle. Supongamos que queremos limitar el ancho de banda de bajada a 200KBps (nota que aquí son kilobytes y no kilobits). Ejecutamos entonces:

trickle -d 200 ncftpget ftp://servidor/ruta/archivo

Pueden leer más en el manual de trickle.

Hace algún tiempo comencé a subscribirme a canales de YouTube, pero utilizando mi cliente de Feeds/RSS favorito en vez del mismo YouTube, básicamente porque prefiero usar Google Reader para tener todas mis subscripciones en un solo lugar.

Lamentablemente, en algún momento YouTube desactivó el elemento link al RSS o Atom y, por lo tanto, no basta con agregar la URL del usuario en Google Reader. Existe una manera de obtener el RSS y es apuntando a una URL muy difícil de recordar. Para solucionarlo, creé un pequeño sitio que permite acceder directamente al feed: ytrssfeed.com

Entonces, para simplificar el asunto, basta con seguir los siguientes pasos:

• Ingresa a Google Reader (o tu software / sitio lector de feeds favorito)
• Cliquea "Subscribir"
• Agrega la URL http://ytrssfeed.com/usuario (por ejemplo: http://ytrssfeed.com/juancriolivares)
• ¡Listo! :)

Sé que el diseño del sitio es horrendo, pero hace lo que promete. Si tienes algún comentario, por favor contáctame por Twitter @juancriolivares.

Flash tiene un pésimo rendimiento en Linux, así es que creé este pequeño script para escuchar Radio Bio-Bio en Linux. Originalmente utilizaba mplayer, pero por alguna razón que desconozco, no funciona bien en Ubuntu Linux 11.10, así es que esta versión usa vlc (para consola):

URL=`wget http://www.digitalproserver.com/ip/biobio/ipstgo.php -O - 2>/dev/null|egrep -o "rtmp://[^\&]+"`;rtmpdump -r $URL/biobiostgo.stream|cvlc -

Los únicos requisitos son wget (incluído por lo general en todas las distribuciones), rtmpdump y VLC.

Esta versión reproduce la estación de Santiago, pero pequeñas modificaciones en la URL podría permitir escuchar las estaciones regionales.

ACTUALIZACIÓN: Lamentablemente, al parecer cambió la configuración del servidor RTMP. Por favor, si alguien tiene una solución, puede enviármela por Twitter. ¡Gracias!

ACTUALIZACIÓN 2 (15/11/2012): Es posible utilizar VLC para escuchar el stream para iPhone/iPad de esta forma:

cvlc http://movilstream.digitalproserver.com/radio/biostgo/biobiostgo.stream/playlist.m3u8

Manos es un framework para desarrollar aplicaciones web de forma simple. La idea está basada en proyectos como node.js donde un mismo hilo es capaz de manejar varios requests al mismao tiempo utilizando callbacks para las operaciones que requeren esperar por una respuesta, típicamente operaciones de IO, bases de datos, etc. Pueden leer el manifiesto aquí.

Hoy estuve haciendo algunas pruebas y al no encontrar un how-to actualizado, decidí publicar aquí los pasos que utilicé para echar a andar una aplicación "Hola Mundo":

1.- Dependencias

Suponemos que el sistema tiene instalado mono y dmcs (lo probé con Mono 2.10.6.1). En mi caso, tengo distintas instalaciones de mono (por ejemplo, en /opt/mono-2.10.6.1). Para hacer esto, pueden obtener más información aquí.

Además, necesitamos tener instalado libev. En mi caso, corriendo Ubuntu 11.10, ejecuté:

sudo apt-get install libev4 libev-dev

2.- Descargar, compilar e instalar:

Se ejecutan las siguientes instrucciones:

# Descargar
git clone git://github.com/jacksonh/manos

# Compilar
cd manos
./autogen.sh --prefix=DIRECTORIOINSTALACION # Por ejemplo /opt/mono-2.10.6.1
make

# Instalar
make install

3.- Crear una aplicación

Para crear una aplicación llamada "test", ejecutamos:

manos --init test

Esto crea una directorio test con dos archivos dentro: StaticContentModule.cs y test.cs.

4.- Editar la aplicación

Editamos test.cs y dentro del constructor de test dejamos sólo está línea:

Get ("/", ctx => ctx.Response.End ("Hola mundo!"));

5.- Compilar la aplicación

Dentro del directorio test, ejecutamos:

dmcs -target:library -out:test.dll test.cs -r:DIRECTORIOINSTALACION/lib/manos/Manos.dll

Cabe destacar que, como en el paso anterior eliminamos la referencia a la clase StaticContentModule, no necesitamos incluirla en la compilación.

6.- Lanzamos la aplicación

Dentro del directorio test, ejecutamos:

manos --server

7.- Abrimos el navegador en http://localhost:8080/

Eso es todo. Espero que les sirva.

Ayer vi este post en el blog de Daniel Molina. Se presentaba el siguiente problema:

Hoy, tu desafío es crear un programa que tome una serie de números (5, 3, 15), y encuentre cómo estos números pueden ser sumados, restados, multiplicados, o dividido en distintas maneras para relacionarse entre ellos. Esta cadena de números debería resultar en 5 * 3 = 15, o 15 / 3 = 5, o 15 / 5 = 3. Cuando hayas terminado, prueba tus números con las siguientes cadenas:

• 4, 2, 8
• 6, 2, 12
• 6, 2, 3
• 9, 12, 108
• 4, 16, 64

Para crédito extra, haz que el programa liste todas las combinaciones posibles. Para incluso más crédito extra, permite que el programa trabaje con cadenas de más de tres números. Por ejemplo, una entrada de (3, 5, 5, 3) debería ser 3 * 5 = 15, 15 / 5 = 3. Cuando hayas terminado, prueba con las siguientes cadenas.

• 2, 4, 6, 3
• 1, 1, 2, 3
• 4, 4, 3, 4
• 8, 4, 3, 6
• 9, 3, 1, 7

Para la solución en C#, usé LINQ. Esto permite hacer la combinatoria de todos los números de cada cadena VS la lista de operaciones, comprobar que se cumpla la operación y hacer el formateo del texto que se imprimirá por pantalla.

El código es el siguiente:

using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
 
namespace testcombinatoria
{
    class MainClass
    {
        public static void Main (string[] args)
        {
            string line;
            using (var reader = new StreamReader ("/tmp/numbers.txt"))
                while ((line = reader.ReadLine ()) != null)
                    Run (line);
        }
 
        private static void Run (string line)
        {
            var parts = line.Split (',');
            var operations = new Dictionary <string, Func <double, double, double>>
            {
                {"{0} + {1} = {2}", (x, y) => (x + y)},
                {"{0} - {1} = {2}", (x, y) => (x - y)},
                {"{0} * {1} = {2}", (x, y) => (x * y)},
                {"{0} / {1} = {2}", (x, y) => (x / y)}
            };
            var valuesIndexes = parts.Select ((x, index) => new { Index = index, Value = int.Parse (x.Trim ()) });
            var matches =
                from x in valuesIndexes
                from y in valuesIndexes
                from z in valuesIndexes
                from op in operations
                where x.Index != y.Index
                where x.Index != z.Index
                where y.Index != z.Index
                where op.Value (x.Value, y.Value) == z.Value
                select string.Format (op.Key, x.Value, y.Value, z.Value);
 
            foreach (string m in matches)
                Console.WriteLine (m);
        }
    }
}

Como pueden ver, en realidad las operaciones están duplicadas. Existe en el diccionario una llave que es el formato del texto que se imprimirá y la llave que es la misma operación pero como expresión lambda. Esto podría simplificarse si utilizara el compilador como servicio, aunque probablemente también sería menos óptimo.

El código también supone que el archivo con las cadenas está en /tmp/numbers.txt.

Las sugerencias siempre son bienvenidas.

UPDATE: Debido al redondeo de enteros, cambié el tipo de los parámetros de las expresiones lambda a double. Esto previene que se acepten operaciones como 9 / 7 = 1.

Como respuesta a este hilo en la lista Linux de la USM, envié el siguiente script para calcular el primer y último día hábil del mes y creí interesante compartirlo. Por supuesto, se puede opimizar aún -y no toma en cuenta los feriados-, pero puede ser un buen comienzo.

DOW = Day of week (día de la semana)
DOM = Day of month (día del mes)
LDOM = Last day of month (último día del mes)
FWDOM = First weekday of month (primer día hábil del mes)
LWDOM = Last weekday of month (último día hábil del mes)

#!/bin/bash
DOW=`date +%u`
DOM=`date +%d`
MONTH=`date +%m`
YEAR=`date +%Y`
LDOM=`cal $MONTH $YEAR | egrep -v '[A-Za-z]'|wc -w`
FWDOM=1
ADDFIRST=$(( ($DOM + 7 - $DOW) % 7 ))
if [ $ADDFIRST = 1 ]; then
    FWDOM=2
fi
if [ $ADDFIRST = 2 ]; then
    FWDOM=3
fi
LWDOM=$(( $LDOM ))
REMLAST=$(( (($LDOM - $ADDFIRST - 1) % 7) - 4 ))
if [ $REMLAST = 1 ]; then
LWDOM=$(( $LDOM - 1 ))
fi
if [ $REMLAST = 2 ]; then
    LWDOM=$(( $LDOM - 2 ))
fi
echo "DOW $DOW"
echo "DOM $DOM"
echo "LDOM $LDOM"
echo "FWDOM $FWDOM"
echo "LWDOM $LWDOM"

Perdón si el título es malo, pero quiero mostrarles una manera elegante de poder enrutar las conexiones de cualquier dispositivo para que pueda conectarse a Internet como si estuviera en otro lugar, ya sea a Internet o una VPN.

Desktop

Mi problema original era poder utilizar Netflix como si estuviera en Estados Unidos, ya que el contenido es distinto. En OSX la solución es bastante simple: basta con conectarse por SSH a un servidor en Estados Unidos abriendo un proxy SOCKS (parámetro -Dpuerto) y luego configurar el navegador para que utilice ese proxy.

Por ejemplo, supongamos que tenemos un servidor llamado servidor (¡qué original!). Podemos ejecutar la siguiente línea en el terminal:

ssh usuario@servidor -D1080

Este comando se conectará a servidor y abrirá un puerto en el ambiente local (1080) el cual funciona como proxy SOCKS. Luego, en Firefox u otro navegador, podemos configurar el proxy SOCKS localhost puerto 1080.

Esta solución me funcionó bastante bien hasta que quise utilizar el dispositivo Apple TV. En este caso, como su conexión era por WiFi, y no tiene opción de configurar una VPN, necesité encontrar una solución más rebuscada.

Dispositivos

En el caso de dispositivos como Apple TV o similares, la única opción es enrutar el tráfico transparentemente, es decir, que el dispositivo no se de cuenta de que se está desviando el tráfico. Esto podría ser simple si su router estuviera conectado a una VPN, ya que podría enrutar ciertas conexiones (o todas) a través de esta VPN, sin embargo, el escenario cambia al usar SSH.

Tenía dos desafíos:

1. Conectar el dispositivo a Internet a través de un PC
2. Enrutar el tráfico a través de la conexión SSH

1.- Conectar el dispositivo a Internet a través de un PC

Supongamos que tenemos este esquema original:

Para poder controlar el tráfico entre el dispositivo e Internet, podemos intervenir el router o agregar un nuevo eslabón en la cadena. Opté por lo segundo y el diagrama queda así:

Para esto, en mi caso, utilicé un cable ethernet entre el Dispositivo y el PC. Para la conexión entre el PC y el Router ISP, utilicé Wi-Fi. Este escenario es muy común. Para permitir que el PC sea capaz de enrutar el tráfico, se utiliza NAT (network address translation). En Linux, se utiliza iptables para esta tarea.

NAT funciona modificando cada paquete. Cuando un paquete de datos va desde el Dispositivo a Internet, se modifica la dirección de origen reemplazándola por la dirección del PC. Cuando el paquete llega al PC desde Internet, se cambia la dirección de destino para que apunte al Dispositivo y luego se reenvía al dispositivo. De esta forma, el Router ISP sólo sabe que está recibiendo y enviando paquetes desde y hacia el PC. Todo el trabajo de conversión se lo lloeva el PC, en este caso.

Supongamos que el PC tiene las siguientes interfaces de red:

• eth0 hacia el Router ISP
• eth1 hacia el Dispositivo

Para configurar NAT, debemos ejecutar los siguientes comandos (como root):

# Habilitar el reenvío de paquetes en el sistema
echo 1 > /proc/sys/net/ipv4/ip_forward
# Enmascarar el tráfico hacia Internet
iptables -t nat -A POSTROUTING -o eth0 -j MASQUERADE
# Permitir que los paquetes que vienen desde Internet y que pertenecen a una conexión ya establecida,
# puedan pasar hacia el dispositivo
iptables -A FORWARD -i eth0 -o eth1 -m state --state RELATED,ESTABLISHED -j ACCEPT
# Permitir el tráfico desde el Dispositivo hacia Internet
iptables -A FORWARD -i eth1 -o eth0 -j ACCEPT

2.- Enrutar el tráfico a través de la conexión SSH

• --netif-ipaddr 192.168.100.2: Configura la dirección IP del gateway virtual que tendremos en la interfaz. Es decir, esta no es la dirección que tendrá nuestro PC en esta interfaz virtual, sino el gateway o router [también virtual] que deberemos utilizar en esa interfaz.
• --netif-netmask 255.255.255.0: La máscara de la interfaz. Generalmente 255.255.255.0 (24 bits) está bien.
• --socks-server-addr 127.0.0.1:1080: Dirección y puerto donde está corriendo el servidor SOCKS. Ya que utilizamos -D1080 en el comando SSH, ése es el puerto que definimos aquí.

Una vez ejecutado este comando, ya se habrá creado una nueva Interfaz, sin embargo, aún tenemos que configurar la interfaz en el PC y las rutas para que el tráfico a ciertas -o todas- las direcciones vaya a través de esta interfaz virtual.

Para configurar la interfaz en el PC local, debemos ejecutar:

ifconfig tun0 192.168.100.1 netmask 255.255.255.0

Pueden notar que la dirección local en la interfaz virtual (192.168.100.1) está en la misma red que la dirección del router virtual (192.168.100.2). Esto es imprescindible.

Éste debería ser el estado actual:

En este paso debemos tener mucho cuidado. Ya que esta interfaz virtual depende de nuestra conexión SSH, debemos asegurarnos de que el tráfico hacia el servidor SSH siga saliendo directamente por el Router ISP. También debemos tener claro que SOCKS sólo soporta conexiones TCP (y no UDP, ICMP o cualquier otro tipo). Esto previene que usemos la configuración actual para enrutar las consultas al DNS, ya que el protocolo DNS utiliza principalmente UDP. A fin de cuentas, necesitamos mantener tanto el tráfico al servidor SSH como al DNS a través del router ISP. Para esto, ejecutamos los siguientes comandos:

# Agregamos el servidor SSH (en este ejemplo 1.2.3.4)
# hacia 192.168.0.1 suponiendo que es la dirección del Router ISP.
# Utilizamos la métrica 5 para que tenga prioridad sobre otras reglas
route add 1.2.3.4 gw 192.168.0.1 metric 5
# Agregamos el servidor DNS (en este caso, un servidor de Google)
route add 8.8.8.8 gw 192.168.0.1 metric 5

En este momento, ya podemos eliminar la ruta por defecto actual, que utiliza el Router ISP, y cambiarla por una ruta hacia nuestro router virtual en la interfaz virtual tun0:

NOTA: Recomiendo leer antes la primera parte.

Estuve pensando bastante en esto e, inspirado en el bit de paridad de los RAID, hice lo mismo con operaciones XOR. Por ejemplo, sin variable auxiliar en varias expresiones:

a = a ^ b;
b = a ^ b;
a = a ^ b;

Y, ahora, sin variable auxiliar en una sola expresión:

a = (b ^= (a ^= b)) ^ a;

Una de las características interesantes de la operación XOR es que es conmutativa, lo que permite acortar la expresión.

Se reciben sugerencias :)

Éste es probablemente uno de los ejercicios más comunes en un curso de introducción a la programación. Tenemos dos variables y necesitamos intercambiar sus valores. Hay dos approaches que conocía:

1.- Variable auxiliar

var a = 1; // Primera variable
var b = 2; // Segunda variable
var c = 3; // Variable auxiliar
c = a;
a = b;
b = c;

2.- Sin variable auxiliar

var a = 1; // Primera variable
var b = 2; // Segunda variable
a = a + b;
b = a - b;
a = a - b;

Hoy estaba pensando en cómo hacer esta operación en una sola expresión y llegué a esto:

var a = 1; // Primera variable
var b = 2; // Segunda variable
a = ((b = (a = a + b) - b) - a) * -1;

¿Habrá alguna otra más simple?

ACTUALIZACIÓN: Hasta ahora, logré simplificarla de esta forma:

a = -((b = (a += b) - b) - a);

ACTUALIZACIÓN 2: Pueden leer la segunda parte aquí.

Mi obsesión por el correcto uso del lenguaje -o, a lo menos, el conocimiento de cómo usarlo correctamente- me ha llevado a crear un nuevo blog donde estoy publicando algunos de los errores que escucho más a menudo. Los invito a suscribirse :)

http://vosnolodigai.blogspot.com

Para nadie es sorpresa que yo sea fan de .Net como plataforma. C#, su lenguaje principal, es una elegante evolución de Java y C++, mientras que su máquina virtual que incluye generics de verdad desde hace 6 años, value types, enums y un sin fin de otros azúcares, es muy atractiva. Nada de esto compensa la frustración que he sentido durante la última semana gracias a los requerimientos de un querido cliente. Acá una lista de ellas:

• Visual studio depende fuertemente de IIS para lanzar sitios web, debiendo cambiar la configuración de la aplicación desarrollada para poder utilizar alternativas como un servidor liviano de desarrollo. Además, si llegamos a tener algún problema de configuración del debugging, Visual Studio no es capaz siquiera de entregar el detalle del error. En vez de esto, la web de MSDN publica una lista con 4 recetas distintas de cómo solucionar el problema.
• A pesar de que ASP.NET MVC 3 es software libre (bajo licencia MS-PL), depende de componentes cerrados que no son parte del runtime estándar .Net, lo que en la práctica se traduce en una plataforma casi inutilizable en entornos de software libre (como Linux + Mono + MonoDevelop).
• Bibliotecas como Unity y otros componentes liberados por el grupo de trabajo pattern and practices no tienen descarga directa de bibliotecas, sino que se amarran a la vieja y mala práctica de tener instaladores para componentes que deberían ser simples bibliotecas. Mi cariño por el stack Spring.Net/log4net/NUnit se reafirma.

¿Alguna otra queja?

¿Te apasiona la programación? ¿Te gusta PHP? ¡Postula ahora! info@cxsoftware.com.

Misión: Comprar Visual Studio

• Voy al sitio de microsoft, intento comprar en línea. Al finalizar, la compra parece estar restringida a Estados Unidos.
• Intento ir a microsoft.cl, pero en contacto aparecen números telefónicos de España.
• Busco en la guía telefónica y llamo al número 800, pero éste parece ser sólo de activaciones

Y ahora, ¿quién podrá defenderme?

Hoy leí este artículo y decidí hacer una versión en C#. Éste fue el resultado:

var valido = 
	("0123456789K" [11 - (rut.ToCharArray ().Take (rut.Length - 2).Reverse ()
	.Select ((a, b) => ((b % 6) + 2) * int.Parse (a.ToString ())).Sum () % 11)]) == rut [rut.Length - 1];

Tal vez no es tan eficiente, pero parece funcionar. Acepto comentarios :)

UPDATE (12/03/2013): Publiqué la segunda parte, incluída una corrección, aquí.

El webshow Hak5 ha iniciado un ciclo de programas sobre telefonía y telecomunicaciones. Hasta ahora hay dos episodios:

• PCM
• TDM

Como bonus track, pueden seguir a otros shows interesantes de Revision3 como HD Nation, Scam School o Scientific Tuesdays.

Contraro a lo que muchos creen, JavaScript (o ECMAScript para ser más neutros), es un lenguaje muy poderoso y es el responsable de que tengamos aplicaciones web como GMail, Google Reader, Facebook, etc.

Como ya conté antes, JavaScript es uno de los pilares de la nueva arquitectura de aplicaciones web que estamos desarrollando en CxSoftware. Al utilizar JavaScript a diario, he encontrado algunos tips que creo pueden ser útiles para todo quien quiera ser un ninja JavaScript:

jQuery

Para comenzar, debes elegir un framework para desarrollar. Podrías no hacerlo, pero eso te traería muchos dolores de cabeza en el futuro. Recomiendo jQuery por su simplicidad, estabilidad y gran cantidad de plugins. Puedes ver más sobre jQuery en su sitio oficial. También recomeindo ver el podcast yayQuery.

linq.js

LINQ es originalmente una tecnología utilizada desde .NET 3.5 en adelante que permite utilizar programación funcional, pero además es capaz de traducir expresiones y utilizarlas en distintos contextos como SQL, XML y objetos. linq.js es una implementación de LINQ para objetos y permite realizar tareas comunes de manera simple, especialmente al tratar con listas y condiciones. Existen dos versiones: una standalone y otra que funciona como plugin de jQuery.

alert

¿Cuántas veces has utilizado alert("Hola"); en tus scripts? Bueno, window.alert es en realidad una variable que apunta a una función que muestra el message box en pantalla, pero puede ser reescrito. Puedes escribir, por ejemplo window.alert = function (texto) {}; para deshabilitar todas las llamadas a alert desde la página. Esto puede servir para otras cosas, como mostrar las notificaciones con algún sistema como ui notify.

jQueryControls

Ya hablé de esto antes y vuelvo a recomendárselo. jquerycontrols.com.

Como ya les conté antes, estamos en búsqueda de una arquitectura para desarrollo web que incluye ASP.NET MVC, JSON, jQuery y otros.

Dentro de ese proceso, se presenta el siguiente problema. Dede JavaScript se llama a servicios JSON (o AJAX). Una vez recibida la respuesta, se deben agregar elementos HTML a una lista. Un caso práctico sería, por ejemplo, un sistema que muestra una lista dinámica de personas, incluyendo datos personales de cada una.

La manera simple de hacerlo es recorriendo la lista y agregando elementos a una lista (elementos <li> dentro de una lista <ul>). El problema se produce cuando estos elementos son complejos e incluyen elementos como fotografía, tablas, enlaces, botones, etc.

Si la generación estuviera en el lado del servidor, utilizando el modelo clásico ASP.NET (Web forms), se crearían controles de usuario (user controls), los cuales se definen en HTML, se asocian los datos y, finalmente, se agregan a un conteedor. En el caso de JavaScript, utilizando jQuery, el código sería así:

$.each (lista, function (item, i)
{
    var divItem = $("<div>")
        .append ($("<table>")
            .append ($("<tr>")
                .append ("<td>Nombre:</td>")
                .append ($("<td>")
                    .text (item.nombre)))
            .append ($("<tr>")
                .append ("<td>Apellido:</td>")
                .append ($("<td>")
                    .text (item.apellido)))
            .append ($("<tr>")
                .append ("<td>Foto:</td>")
                .append ($("<td>")
                    .append ($("<img>")
                        .attr ("src", item.urlfoto)))));

    divLista.append (divItem);
});

Existen varios problemas con este código, incluyendo mantenibilidad, separación inexistente del código con el layout (HTML + JavaScript), etc. Para solucionar esto, decidimos crear una pequeña aplicación que transforma código HTML a objetos jQuery. Así, tenemos este código de origen:

<div id="principal">
    <table>
        <tr>
            <td>Nombre:</td>
            <td id="celdaNombre" />
        </tr>
        <tr>
            <td>Apellido:</td>
            <td id="celdaApellido" />
        </tr>
        <tr>
            <td>Foto:</td>
            <td><img id="foto" /></td>
        </tr>
    </table>
</div>

Utilizando el generador, esta estructura HTML es transformada en este código JavaScript:

var controlTest = function ()
{
	principal = $('<div>')
		.append ($('<table>')
			.append ($('<tr>')
				.append ($('<td>')
					.append ($('').text ('Nombre:')))
				.append (celdaNombre = $('<td>')))
			.append ($('<tr>')
				.append ($('<td>')
					.append ($('<span>').text ('Apellido:')))
				.append (celdaApellido = $('<td>')))
			.append ($('<tr>')
				.append ($('<td>')
					.append ($('<span>').text ('Foto:')))
				.append ($('<td>')
					.append (foto = $('<img>')))));
	
	this.principal = principal;
	this.celdaNombre = celdaNombre;
	this.celdaApellido = celdaApellido;
	this.foto = foto;
};

Finalmente, podemos utilizarlo de esta manera:

$.each (lista, function (item, i)
{
    var ct = new controlTest ();
    ct.celdaNombre.text (item.nombre);
    ct.celdaApellido.text (item.apellido);
    ct.foto.attr ('src', item.urlfoto);
    divLista.append (ct.principal);
}

Tenemos intenciones de distribuir este generador con una licencia libre. Tendremos noticias pronto.