Mejora tus técnicas de programación en Javascript

ByLuis

Ya hemos publicado anteriormente una referencia a un artículo de new earth online y hoy vamos a hablar sobre otro de sus grandes artículos.

En este caso se trata de cómo mejorar nuestra forma de programar con Javascript. Una de las ventajas o inconvenientes de Javascript, según quien lo vea, es que se puede usar en cualquier parte de la página web y que no existe ningún método obligatorio de uso. Pero aún así, hay veces que es mejor seguir ciertos pasos para tener un código mejor y más limpio:

  • Separa el contenido de la funcionalidad, por ejemplo, si vas a añadir un evento a un objeto (onclick) añádelo mediante el evento window.onload usando un archivo js.
  • Una cosa que ya hemos comentado anteriormente es ver cómo funciona tu aplicación web si no está activado Javascript.
  • Realiza código compatible con los distintos navegadores. Desgraciadamente, a veces es necesario detectar el navegador y resolver según el navegador que sea.
  • Declara las variables usando var, si no lo haces puedes tener problemas en las funciones recursivas, por ejemplo si en una función tienes un for con una variable i y dentro de ese for vuelves a llamar a la misma función, al llegar al mismo bucle puedes tener problemas.

Javascript Best Practices

Vía / dzone

Similar Posts

Javascript Lint: ayuda para un código limpio

ByLuis

Javascript Lint es una aplicación (también online) que nos permite comprobar que nuestro código no tenga los errores más comunes en Javascript, así como el uso de técnicas cuestionables.

Basada en el motor de Javascript de Firefox, nos muestra los siguientes errores:

  • Falta de punto y coma al final de la línea.
  • Llaves sin un if, for, while.
  • Código que nunca se ejecuta debido a un return, throw, continue o break.
  • Sentencias case dentro de un switch que no tienen break.
  • Números decimales que empiezan o acaban directamente con el punto.
  • Un número que empiza por cero que lo convierte en octal.
  • Sentencias que no hacen nada.
  • Expresiones regulares que no están precedidos por un paréntesis, asignacion, coma o dos puntos.
  • Sentencias separadas por comas en vez de por punto y comas.
  • Sentencias if, for, while, … sin llaves.
  • Detectar variables no usadas.

Javascript Lint

jCryption: encriptación mediante javascript

ByLuis

jCryption es una librería javascript que utiliza jQuery y que nos permite encriptar los datos de un formulario sin necesidad de utilizar SSL. Para ello utiliza la encriptación del algoritmo de clave pública de RSA.
Muy útil para aquellos que no puedan disponer de conexión SSL.
jCryption
Vía / DZone

Guía para desarrollar Javascript accesible

ByLuis

Interesante tutorial que nos enseña que problemas pueden encontrarse las personas con alguna discapacidad que le obligue a prescindir de Javascript (o usuarios con dispositivos móviles), y cómo solucionarlo.
Los mayores problemas con el que se encuentran las personas que no ejecutan javascript en sus navegadores son en la navegación (menús dinámicos), contenido oculto (accesible mediante Ajax), controles dinámicos (eventos de ratón, drag&drop, …) y confusión (la web está pensada para el uso de Javascript y no usarlo conlleva un contenido inicial deficiente).
Como resumen diría que hay que ofrecer los contenidos sin necesidad de javascript, éste sólo debe ser un apoyo, y que para comprobar si tu web es accesible lo mejor es probarlo inhabilitando el javascript en tu navegador.
Creating Accessible JavaScript
Vía / @maxkuri

Problemas de las librerías Javascript

ByLuis

Ultimamente están apareciendo muchas librerías Javascript que mejoran el trabajo con Javascript, pero no todo son cosas positivas y hay gente que muestra problemas que aparecen con el uso de estas librerías:

  • Escasa documentación: ya sea online u offline, si la librería es increible, pero no hay una forma sencilla de saber cómo usarla, pues nos quedamos como estábamos.
  • Escaso soporte: estas librerías no suelen tener un sistema que ayude a los usuarios con los problemas que se encuentran.
  • Demasiado grandes: cargar una librería que ocupa mucho, para usar un par de funciones, es mucho lo que se carga y poco lo que se usa, quizás repercute negativamente en rendimiento o en ancho de banda.
  • Demasiado específicas: sobre todo al trabajo de otra gente, por lo que a nosotros nos puede venir parcialmente bien.
  • Diferentes en estructura: diferentes a la forma en que lo hacemos nosotros, en vez de usar estructuras estándares a las que podemos estar todos acostumbrados.
  • No hay guías paso a paso: para poder entender las funcionalidades de las liberías con ejemplos.
  • Escasa información sobre soporte a navegadores
  • Inconsistencia en nombres de métodos y variables: en la W3C hay amplia documentación sobre la metodología que se debería seguir para la nomenclatura de funciones y variables.

Más información

Why good JavaScript libraries fail

Dear JavaScript Library Developers…

Too many libraries, not enough librarians

Six things that suck about the Web in 2006

Vía / QuirksBlog

FireUnit: extensión para pruebas unitarias de Javascript

ByLuis

FireUnit es un plugin para Firefox que permite realizar pruebas unitarias de Javascript y mostrar los logs en una pestaña de Firebug. El plugin está desarrollado entre otras personas por John Resig, desarrollador de jQuery.

Se pueden realizar pruebas como las siguientes:

// Simular eventos del navegador
var input = document.getElementsByTagName("input")[0];
fireunit.mouseDown( input );
fireunit.click( input );
fireunit.focus( input );
fireunit.key( input, "a" );

FireUnit

Vía / John Resig

CodeMirror: consola Javascript para tus páginas web

ByLuis

CodeMirror es una librería realizada con MochiKit que nos permite incluir una consola de Javascript en nuestras aplicaciones web. Un ejemplo perfecto para el funcionamiento es el libro de Javascript online Eloquent Javascript, el cual muestra ejemplos javascript y usa la consola para poder ejecutarlos.

codemirror.png

Nos muestra el código parseado y resaltado, además nos permite modificarlo y ejecutarlo, viendo los resultados en una ventana diferente.

Además es sencillo de utilizar:

var editor = new CodeMirror(CodeMirror.replace("inputfield"), {
parserfile: ["tokenizejavascript.js", "parsejavascript.js"],
path: "lib/codemirror/",
stylesheet: "lib/codemirror/jscolors.css"
});

CodeMirror