En algunos foros y aquí no he dejado de dejar plasmado mi gusto y pasión por el lenguaje de scripting JavaScript(JS), Google siguiendo su tradición de conmemorar los eventos históricos importantes alguno que otro homenaje a personajes, programas, inventos, científicos. etc.. etc.. etc… el pasado Viernes 21 Google sorprendido a varios incluyéndome al cambiar un poco la dinámica de sus logos en esta ocasión google coloca una imagen conmemorando el 30 aniversario del uno de los grandes clásicos de los videojuegos pacman, pero esta imagen tiene algo en particular, es una imagen que atreves de la técnica de sprite y un excelente trabajo en javascript logran un mini-juego de pacman.. Basado solamente en CSS/Javascript/DOM, algo que para muchos resulta increíble, hubo quien al ver, casi afirmo que se trataba de HTML5-Canvas, pero no, es un par de png’s y un rutinario JS que bien pudimos haber programado hace 10 o 12 años… incluso tuve una pequeña discusión por el origen de ese script ya que incluso hay quien asegura que se pudo haber utilizado GWT pero la verdad lo dudo por que el código pese a estar compactado para producción al pasarlo por una herramienta para reordenarlo queda muy limpio y entendible algo imposible para un código generado por GWT.

Tengo tiempo queriendo escribir algo que me molesta un poco de los programadores actuales más aun, de los que migran de la programación tradicional a la web, en lo personal inicie con a programar en C/C++ en mis clases de bachiller, por gusto incursione en la programación web, en aquel entonces 2001, la Web aun no dejaba de ser un periódico mural donde solo se mostraba información y muy pocas páginas iniciaban a tener comunicación en dos vías(un librito de visitas), que el usuario subiera información al web, tenían poco tiempo los web mails, poco se sabía de paginas conectadas a bases de datos y mucho menos se sabía de la existencia de técnicas como AJAX aunque se podía lograr algo muy parecido, en IE ya existía XHR!, en ese tiempo conocí un poco de Javascript y algo de PHP, vi como podían interactuar y lograr verdaderos sitios muy ricos y que a la larga se convertían en sistemas de información y ya no solo una revista, que podía atreves de una web alimentar una DB, en el servidor procesar esa información y atreves de la web manipularla y consultarla. Lo que se venía haciendo en los sistemas de escritorio tradicionales y afortunadamente evite la tentación de aprender e invertir mi tiempo en aprender Java por aprender y perfeccionar HTML/CSS/JavaScript/PHP/MySQL, creo que fue una buena elación hoy Java sigue siendo muy potente pero incluso al llegar al Java EE terminas haciendo lo que se hace en PHP claro con algunas mejoras en los procesos del lado servidor pero al final caemos a lo mismo y creo la tendencia hoy día esta mas que clara.

Creo que Google a creado una Joya de la programación en JS, es una muestra de su potencial, creo que es una lástima y es algo que me llega a molestar es que pocos programadores crean en este lenguaje y su falta de interés por invertir en aprender este lenguaje, hoy veo incluso que en foros se hablar más de librerías como jQuery que también es joyas del JS, pero le quitan el crédito principal a JS incluso muchos novatos y no tan novatos creen que al programar un Script JS que use jQuery están programando en algo distinto a JS, algo que para mí me parece lamentable, el uso del término AJAX para el manejo general del objeto XHR es otra cosa que me parece lamentable y no deja de molestar ya que se le quita el crédito al lenguaje muchos creen que AJAX es otra cosa e incluso le llaman “tecnología” pero no todo esto no es más que simple y sencillo JS común y corriente y aun así hay quien sigue creyendo que es un lenguaje débil al cual no hay que invertir mucho tiempo en aprender, o siguen anteponiendo el adjetivo “dificil “ y buscan atajos para no aprender.. Llámense frameworks(ZK, GWT, XAJAX) o librerías como jQuery

Google ha sido el Gran patrocinador de JavaScript no solo con la creación de este juego conmemorativo, si no porque prácticamente todas sus app’s están basadas en este lenguaje en el lado cliente he allí su Gmail o sus Google Docs o su potente y tan incomprendido Google Wave todas ellas aplicaciones RIA basadas en JS. Este post no es más que una invitación a los programadores a invertir un poco de tiempo en aprender JavaScript fuera de librerías esto al final le ayudara incluso a comprender y explotar mejor librerías tipo jQuery incluso crear grandes aplicaciones con solo JS/HTML/CSS,JS se puede orientar a objetos aunque con algunas diferencias que notaran ya que JS no usa clase en su modelo de OOP lo cual afecta directamente al paradigma de herencia que solemos utilizar en lenguajes como Java es algo importante mencionar que es otro paradigma de OOP al cual le llaman OOP basado en Prototipos contario al de Java y otros que son basados a Clases, prometo crear algunos contenidos de JS Orientado a Objetos, bueno sin mas solo les invito a conocer este gran lenguaje muy desvalorado el cual a pesar de los años se sigue creyendo que es para trivialidades como la validación de un form.

Bueno recomendaciones, antes de entrar a JS, estudia HTML/CSS son indispensables, para JS hay muchos tutoriales por desgracia algo anticuados en cuanto a técnicas de calidad, utiliza cualquiera de tantos, posterior investiga algo de “JavaScript no obstructivo” y finaliza con DOM y OOP en Javascript, al final puedes apoyarte de librerías como jQuery, prototype o mooltools para hacer un poco más eficiente tu trabajo.
Suerte y en verdad no es pérdida de tiempo invertir en aprender JavaScript

Uno de los objetivos de la red es el intercambio de archivo (algunos legales algunos no tanto), la forma de compartir nuestros archivos a través de Internet han ido cambiando, en estos últimos años para mi la mejor forma de compartir es por las DD (Descargas Directa) aunque los servidores ofrecen el servicio gratuito no esta de mas pagar la verdad si eres filemanico como yo si que desquita el adquirir una membrecía premium. hasta hoy no soy participe de los wares mas que como usuario de desccarga, pero en estos días tengo un montón de archivos que deseo respaldar por que me he quedado casi sin espacio en el HD, la primera alternativa fue enviarme mis archivos a cuentas gmail, algo factible lo malo que muchos de los archivos que quiero respaldar sobrepasan los 25Mb que es el máximo que se pueden adjuntar ademas que son como 40GB’s.

Entonces voltee a ver a megaupload, como usuario registrado(no premium) te dan 200GB(ilimitado con premium) para almacenar lo que tu quieras, espacio suficiente para lo que necesito, con la condición que se tiene que descargar en 90 días el archivo para que este no sean eliminado y que no viole sus políticas que en resumen son no pornografía infantil ni piratería, si compras una membrecía que para mi no son caras una vitalicia esta en $2,000MX aprox., una anual esta como en $900MX no te tienes que preocupar por esto de la descarga en 90 día, si no solo hay que estar al pendiente que nuestros archivos no venzan, aparte hay un sistema de premios que si bien son tentativos son difíciles de alcanzar a menos que subas y compartas archivos de legalidad dudosa lo cual si bien lo puedes hacer pero tienes que buscar la forma de cuidar tu anonimato y si te cachan pues el dueño puede exigir a megaupload que borre tu archivo y con ello se va el premio que podrías haber ganado.

lo que se me hizo muy interesante y por lo que escribo este post aparte de la reseña de uso del servicio es que me di cuenta que al respaldar un archivo que fue descargado del servidor, este no lo vuelve a subir, lo que hace es que primero verifica el archivo y si no me equivoco lo busca muy probablemente con la suma md5 del archivo si este ya se encuentra en los servidores solo se crea una liga de tu cuenta al usuario evitando volver a subir los archivos aunque por lo que vi si tienes que descargar el archivo antes, esto esta bien para todos los que descargamos archivos de otros usuario y queremos una copia de seguridad de dicho archivo, nos ahora mucho tiempo y a megaupload espacio en sus discos duros, yo me di cuenta al respaldar una iso de 600MB que se subió en 20 segundos, dije !no puede ser¡ verifique y la descargue mi archivo y todo bien, intente con algunos otros archivos y de igual forma se “subieron” pero mas bien se creo una liga de mi cuenta al archivo sin que yo tuviera que volver a subir todo el archivo.

por ahora soy usuario registrado espero juntar algo de dinero para comprar una cuenta vitalicia la verdad creo que es un servicio que vale la pena sobretodo de respaldo de nuestros archivos, y para compartir una que otra cosa con el Internet y hay un método para refrescar la caducidad de los archivos que les comentare en otro post, ademas que viendo la interfaces y haciendo un poco de re-ingeniería inversa :) creo que puedo crear una aplicación que nos simplifique el trabajo… =D

bueno lo que me agrado de jQuery a contra de los que a muchos le llama la atención(las animaciones), lo que creo que son sumamente buenos y una excelente idea son sus selectores que si no me equivoco de alli viene su nombre “Query”, en esta forma de trabajar la verdad jQuery se lleva un 100% ya que ayuda mucho y simplifica el manejo del DOM, solo que hay que tener cuidad de no llamar mucho a los selectores si no tratar de mantener enlaces de memoria a ellos ya que cada que se llama a $() se genera un nuevo objeto jQuery y para que rehacer algo que ya tenemos en memoria, y esto afecta el rendimiento de la aplicación (se hacen algoritmos de mas) aunque esto pasa en todo los framework si no se saben controlar .

otra cosa que me agrado fue la extensión en plugin, y aquí es donde me gustaría enfocarme ahora, me gusta mucho crear librerías, en este post les traigo mi primer plugin para jQuery, es un plugin el cual nos permite colocar un filtro a campos de textos para filtrar los caracteres que se permitirán en el campo de texto, por ejemplo para evitar que el usuario ingrese letras en un campo solo numero, o caracteres no permitidos en un password etc.

sin mas les dejo el código fuente de mi primer plugin
Download: http://www.megaupload.com/?d=JVHRIHMK

/*
 * $.fn.keyValue(exp,maxlength)
 * By JFco Diaz.
 * wariodiaz@gmail.com
 * www.devtics.com.mx
 * 19/02/2010
 * plugin jQuery, para evaluar una entrada en un input x expresión regular
 * y poder discriminar el carácter si no se encuentra en la expresión regular
 * evitando su inserccion
 *
 * @param expOarr, es un arreglo de caracteres y/o enteros que representen
 * el charCode del carácter a permitir, o bien una expresión regular que indique
 * en el patrón los caracteres que se permitirán, ademas opcionalmente coloca un
 * máximo de caracteres permitidos
 * Nota: la evaluación es del carácter que se esta tecleado no sobre la cadena ingresada
 *
 * ejemplo:
 *
 * $(".soloNumeros").keyValue(/[0-9]/);
 *
 * $(".soloNumeros").keyValue([0,1,2,3,4,5,6,7,8,9]/);
 *
 * ambos solo permiten la entrada de números o solo caracteres en minúsculas
 *
 * $(".soloNumeros").keyValue(/[a-z]/);
 *
 * o solo numeros y "-" y solo 10 caracteres
 *
 * $(".soloNumeros").keyValue([0,1,2,3,4,5,6,7,8,9,'-'],10);
 *
 * o con expresión regular
 *
 * $(".soloNumeros").keyValue(/[0-9-]/,10);
 *
 * */
(function ($){
    $.fn.keyValue=function(expOarr,maxLength){
        try{
            var $this=$(this);
            if(maxLength)
                $this.attr("maxlength",maxLength);
            $this.keypress(function(event){
                try{
                    var key = event.which;
                    if(key==0||event.charCode==0)return true;
                    if(maxLength && this.value.length==maxLength)return false;
                    if(typeof expOarr ==='object'&& expOarr.length!=undefined){
                        for(var i=0;(exp=expOarr[i++]);)
                            if(key==((typeof exp=="number")? exp : exp.charCodeAt(0)))
                                return true;
                        return false;
                    }
                    return expOarr.test(String.fromCharCode(key));
                }catch(e){
                    alert(e.message);
                }
            });
        }catch(e){
            alert(e.message);
        }
        return $this;
    }
})(jQuery);

Terminando de leer el artículo que data de Septiembre del 2008, y la salida de la beta de google wave, me quede analizando, ciertamente google tiene una calidad enorme la verdad yo estoy enamorado de gmail y cada que quiero ubicar una dirección me voy a google maps y todas mis búsquedas las hago en google, pero… ¿qué pasa con google?, crea gloggle chrome, ahora ya va por un S.O y no dudo que en un momento cree la NetBook Chrome.

La calidad en los productos no la cuestiono pero si la ética y el objetivo con el que está intentando acaparar todo en cuanto a la WWW se refiere, no he tenido la oportunidad de probar Google Wave, pero como @jafrancov me confirmo en twitter no es más que un de todo del concepto Web2.0, funcionado en una sola aplicación es un Blog, un micro blogin, una wiki, agregándole todos los servicios que ya tiene google y etc mas add que se le pueda agregar, todo lo que necesito esta en google wave, entonces google esta reinventando la rueda, para un fin tal vez un poco perverso. Queriéndose convertir en el monopolio de la web, lo que hoy día es Microsoft para las PC’s, google pretende serlo para la WWW.

Como sabemos los monopolio son muy malos, por eso mi post anterior y el invitarlos a pecar de reinventar la rueda y crear algo mejor de lo que ya está hecho, no tiene chiste reinventar si vas a terminar exactamente en lo mismo, el concepto web 2.0 que la verdad siempre me ha molestado al igual de concepto AJAX. En las bases el concepto de web 2.0 está bien, paginas alimentadas por los mismo usuarios “mortales normales” sin tener que saber más que abrir una página y llenar un form, pus bien eso hace que la libertad del mundo se haga más grande para mí algo muy bueno la libertad de expresión y compartir información con la web 2.0 se abre esa puerta a los “mortales normales”. Pero hay algo que no me gusta, como se empieza a monopolizar la web. Al hablar de web 2.0 siempre hay sitios que salen como sinónimo, blogger, youtube myspace, facebook, hi5, flick, google, wikipedia, twitter, etc. pues ellos no son la web 2.0 pero sin embargo están acaparando el universo algo realmente peligroso a mi ver, con un riesgo de monopolizar la web, se pierde también mucho, porque menos personas van a querer desarrollar algo nuevo porque simplemente vamos a tener que competir con mostruos que aparte luego mi idea va a terminar como un add de google wave. Y más aun así si google se esta convirtiendo en el gigante de internet acaparando cual buena idea ve y la fusiona en su plataforma, empezó como un simple buscador y hoy día quiere tal vez hacer zulla la internet y recuerden la internet somos todos cada usuario forma parte de internet y no tenemos por qué dejar que una sola empresa controle todo lo que pase en ella, es lo que sinceramente no me está gustando de cómo se está comportando google y las estrategias que está tomando.

Pues esperemos que todo esto solo sea un divague y nunca se monopolice Internet como Microsoft lo hiso con las Pc’s

Pues hablemos de la rueda, La rueda es una pieza mecánica generalmente circular que gira alrededor de un eje; puede ser considerada una máquina simple, y forma parte del conjunto denominado elementos de máquinas. Eso dice la wikipedia, la verdad algo que ya ha sido inventado no se puede volver a inventar es donde la frase cierta, pero si se puede hacer una mejor se puede inventar una alternativa. ¿Qué pasaría si literalmente no hubiéramos Reinventado la rueda:

Tal vez esta es la primera rueda:

Si no se hubiera reinventado la rueda tal vez andaríamos en esto:

Pero afortunadamente ubo una revolucion, reinventaron cambiaron la rueda:

y hoy andamos en esto:

Imagínate todas las ruedas y engranes(de hecho los engranes no hubieran existido) serian hoy día tal vez de piedra o madera como la primera rueda!, ¡porque es pecado reinventar la rueda!

Esta frasecita la he escuchado mucho, en nuestros días se han puesto de moda los frameworks, en las universidades pronto dejaran de enseñar leguajes de programación para enseñar frameworks (note sarcasmo extremo!), se habla mucho de los frameworks pero qué diablos es un framework?

Según wikipedia: Un framework, en el desarrollo de software, es una estructura de soporte definida, mediante la cual otro proyecto de software puede ser organizado y desarrollado. Típicamente, puede incluir soporte de programas, bibliotecas y un lenguaje interpretado entre otros software para ayudar a desarrollar y unir los diferentes componentes de un proyecto.

Según yo entiendo un framework es un conjunto de librerías que tienen como objetivo el evitar que desarrollemos desde 0 arrancando desde una plataforma un poco más cercana al final y nos brinden una forma de trabajo más eficiente para acelerar el desarrollo y mayor limpieza, suena interesante y se ve bueno. Pero que pasa en la realidad y es donde entra mi gran decepción.

Usa un framework por qué no tienes que reinventar la rueda. Ya puedes hacer las cosas facilitas con solo dar $.getEPR() y ya crear un EPR en plataforma Web que utiliza AJAX y con Java manejando Struts y beans en el server y Oracle.. Para que vuelves a programar!.. Solo programa:

[sourcecode language='jscript']
$.getEPR();
[/sourcecode]

Y yaaaa!…

Amm.. Bueno creo que el ejemplo fue un poco extremo y bastante sarcástico, pero bueno, no estoy en contra de los frameworks ya que si bien el objetivo de cada programador siempre será realizar su programación pensado que este servirá para proyecto posterior y por esto mismo hacerlo lo más limpio y con la mayor calidad y visión que se pueda desde el inicio, por esta razón se empezaron a implementar primero los leguajes estructurados con capacidad de generar funciones reciclables, o la Programación Orientada Objeto con sus grandes capacidades de reciclaje atreves de La Herencia .

Pero que se entiende por reciclar código, es una lástima que muchos crean que es hacer un copy/paste del código que copien un código ya hecho, lo pequen y lo modifiquen para que ya no sea igual o se “adapte”, por ejemplo esto para muchos es reciclar:

[sourcecode language='html']

[/sourcecode]

Vean como hice un copy/paste de la función saludo1 y le modifique poquito para crear mi otras funciones y ya recilce código.. :)..!

Amm… eso no es reciclaje!. Esto es reciclaje:

[sourcecode language='html']

[/sourcecode]

Ven que no cree muchas funciones parecida para reutilizar y eso que esto es programación estructurada porque manejo funciones y no una clase o un método heredado que en eses casos el reciclaje es real.

Visualizar y Crear desde el inicio ya sea una función hasta una clase preocupados por que el programador mismo o alguien más pueda heredar y agregarle o modifícale elementos a la clase o cuantos y cuales parámetros tengo que incluir para crear una función lo bastante versátil que no se tenga que estar modificado en cada proyecto, esto es reciclaje de código.

Regresando al punto del framework, ok un framework trae mucho reciclaje de código por que están llenos de funciones y objetos que nos ayudan. Pero donde esta mi inconformidad y por que en verdad no utilizo frameworks.

Es sencillo innovar, aprender, crecer son motivos para mi más importantes que el hacer las cosas fáciles, yo inicie en la web por la curiosidad y la simple pregunta ¿Cómo se hace una página web?, ¿yo puedo hacer una?, ¿puedo poner algo en internet? Esas preguntas me llevaron a HTML o en aquel entonces popular FrontPage o en aquel entonces menos popular Dreamweaver 4(año 2000/2001), creo que tome la elección correcto, leí si lo quieres fácil y como si estuvieras en Word hazlo en frontpage no necesitas saber html , no tienes que aprender a crear códigos COMPLICADISIMOS(Huy Que difciles!) para hacer tu pagina ¿para qué te complicas? existe FrotPage…!

Afortunadamente dije.. pero…… yo no quiero aprender a utilizar un programa que me haga la pagina. Yo quiero aprender a crear las paginas yo mismo ¡quiero saber.!. y decidí ir por HTML por lo dificilisisismo! (sarcasmo extremo!), y seguramente si lo hubiera hecho en FrontPage, nuca huera podido dominar PHP como lo dominio, entender el DOM como lo entiendo y manipularlo como lo manipulo en JavaScript, de hecho dudo que estuviera escribiendo esto, dudo que hubiese sido ISC, tal vez hoy día estuviera en USA de forma ilegal trabajando en no sé qué menos en las tics, estoy orgulloso de esa elección hoy vivo de esa elección y le debo lo que soy, ir por lo difícil fue la mejor elección y me alegro de aquel entonces no haber sido mediocre..

“Ser mediocre…” es lo que me dice la frase “no reinventes la rueda”.. Yo digo hay que invitar, reinventar y reinventar. Afortunadamente el software no es una rueda, el que se diga sabedor del desarrollo de software sabrá que es imposible un software que no se pueda mejor, un software que no se puedo haber programando mejor, es aquí donde me decepciona escuchar o leer esta frase aplicada a mi área, creo que mucho talento de grandes programadores se perderán por “no reinventar la rueda” ¿Cuántas pero cuantas innovaciones? Nos perderemos… solo por no reaventar la rueda.. Analícelo, ya existía Wandex o Altavista (Este si lo llegue a utilizar) para que invitar google?, ¿para que inventar otro buscador?, ya existe Word..! ¿Para que inventar Open Office o Google Docs?. ¿ya existia Unix para que inventar Linux?

No hay q ser mediocres!… yo invito a todo programador a crear su propio framework, a crear una estructura reciclable para sus proyectos, pero que entre a crear, o si utilizan uno entren en las entrañas del mismo vean como funciona internamente, no solo lo utilicen, créanme que aprenderán mucho, la verdad he aprendido mucho tratando de siempre crear cosas que se pueda reciclar, hoy día estoy creando un framework no me interesa si el mundo lo utiliza o no, me interesa reciclar mi código el próximo proyecto sacarlo más rápido y sobretodo aprender. He aprendido lo que no en 6 años que llevo conociendo la OOP en estos días que realmente pude implementar el paradigma OOP en java casi siempre simplemente utilizaba clases pero pocas veces se crean clases útiles. Y si hubiese sido mediocre hubiera aprendido a utilizar CakePHP, Symfony, Zend o cualquier otro, pero hoy no sabría lo que se.. y la riqueza más grande para cualquier persona es el saber.

Cuanta confusión existe con el término AJAX, cuantos realmente sabe lo que es, cuantos saben que es JavaScript, cuantos pueden hacer realimente una animacioncita de las que hace jQuery, porque no aprender a manipular el DOM porque no dominar JavaScript y ser INDEPENDIENTES, “pero mejor aprendo jQuery y lo hago fácil!”, pues bien sigue utilizando frameworks y hasta donde llegue tu framework llegaras por que posiblemente sin él no serás nada.

Creo que los framework debe de ser utilizado por programadores expertos que saben que es lo que está haciendo realmente el framework internamentey no un novato que apenas esta intentando empezar a “programar” y conoce poco o nada del leguaje en cuestión, un framework es una calculadora para un niño en 1er año, ¡para que aprende a sumar si existe la calculadora!

Si no Reinventamos…. adios invoacion!

Siempre pudo haberse hecho algo mejor, ¿por qué no lo haces?