feed

Javascript

Los analizadores de código son herramientas que realizan la lectura del código fuente y devuelve observaciones o puntos en los que tu código puede mejorarse desde la percepción de buenas prácticas de programación y código limpio. Originalmente el término Lint fue acuñado en 1977 por Stephen C. Johnson para denominar este tipo de herramientas aunque en la actualidad no se utiliza este término comúnmente.

La utilización de estas herramientas debe ser prudente, a modo de consejos sobre nuestro código fuente y no como reglas estrictas. En todo caso, no hay que ofuscarse pensando que nuestro código está absolutamente bien o mal según los resultados obtenidos considerando que un positivo es una tarjeta roja mostrada por un arbitro.

JSLint es un analizador online de código javaScript creado por Douglas Crockford que nos permitirá mostrar puntos en lo que tu código no cumpla unas determinadas reglas establecidas de “código limpio“.

Existen otras alternativas como Google Closure Linter o JavaScript Lint aunque estas necesitan ser instaladas en el PC. Existe también alguna herramienta más como jQuery Lint que analiza tu código mientras se está ejecutando (modo Runtime) por lo que es necesario incluirlo como parte de tu código fuente en tu proyecto.

JSLint no es una herramienta óptima ya que es bastante exhaustiva y da muchos falsos positivos. Además tiene muchos detractores que alegan que los criterios evaluados son bastante subjetivos según el punto de vista de su creador.

Por todo ello, algunos desarrolladores crearon un fork llamado JSHint. El objetivo de JSHint es mejorar las mediciones que eran bastante arbitrarias en JSLint. Es frustrante ejecutar un código realizado por ti y ver como la herramienta menoscaba tu aplicación de una manera innecesaria.

Según comentan: “Hay que tener en cuenta que la gente utiliza diferentes estilos y convenciones y la herramienta debe adaptarse a ellos. El objetivo de JSHint es no imponer un convenio particular”. JSHint soporta diferentes entornos, navegador y consola, y trabajando con diferentes librerías: jQuery, Prototype, Rhino, etc. Como punto positivo la herramienta es también online así que es posible probarla sin necesidad de instalarla. Ambas herramientas, JSLint y JSHint, tienen licencias MIT.

En líneas generales es interesante utilizar estas herramientas a modo de curiosidad. A veces se detectan advertencias que no habías tenido en cuenta y es fácil modificarlo. Sin embargo, no hay que tomarse estas herramientas como un criterio crítico para determinar si tenemos un buen o mal desarrollo. En ocasiones se pueden engañar a estas herramientas creando un código peor y menos legible.

Analizador online JSLint | JSLint Analizador online JSHInt | JSHInt

Las pruebas de rendimiento sobre el código de JavaScript se estan convirtiendo en algo cada día más necesario. La capa de presentación adquiere más responsabilidades y los frameworks MVC de cliente ganan adeptos. Existen muchas herramientas que nos permiten realizar pruebas de rendimiento sobre JavaScript, una de las clásicas es JsPerf. Sin embargo comienzan a aparecer soluciones muy prácticas con un enfoque diferente. Una de ellas es Benchmark.js.

Utilizando Benchmark.js

El uso de esta...

Leer más »

El trabajo con DOM (Document Object Model) es continuo en JavaScript. Pero quizás lo que más se usa es la gestión de eventos (click, mouseover,mouseout, etc). Este es uno de los apartados de JavaScript que se puede decir es sencillo de entender. Normalmente se genera un evento y se asocia un handler a él. Lamentablemente las cosas no siempre son lo que parecen.

Un ejemplo clásico

Para poder...

Leer más »

Angular.js es uno de los frameworks de referencia en JavaScript, pero trabajar con él no es sencillo ya que implica un cambio importante en el paradigma de programación. Una de las características principales del framework es su capacidad para organizar el código de JavaScript, habitualmente caótico.

Angular.js Conceptos

Con Angular es obligatorio entender algunos conceptos.

  • Directiva : El...
  • Leer más »

    El pasado 28 de mayo fue anunciado la versión 1.0 de Polymer. Polymer es una biblioteca para el desarrollo front-end que combina HTML, CSS y JavaScript para crear componentes web. Estos componentes nos ofrecen encapsulamiento e interoperabilidad.

    Polymer está diseñado para hacer más fácil y más rápido a los desarrolladores la creación de componentes web reutilizables. En este artículo...

    Leer más »

    Hoy por hoy la mayoría de las páginas HTML que se construyen incluyen diversos framework JavaScript que han evolucionado con el tiempo. Sin embargo hasta ahora la forma de usar la etiqueta "script" no ha variado. A partir de HTML5 están disponibles dos nuevos atributos para cargar los scripts: "async" y "defer". Ambos aportan flexibilidad al código que se construya.

    JavaScript clásico

    Cuando se...

    Leer más »

    Conceptos como TDD o BDD se están haciendo hueco dentro de las metodologías de desarrollo. Cada día aparecen más soluciones orientadas a ellos. Una de estos tipos de soluciones es Karma.js. Karma se encarga de ejecutar los test de Javascript según se vayan construyendo, de tal forma que ante cualquier fallo el desarrollador se dará cuenta de inmediato.

    Instalando Karma.js

    Para instalar Karma.js...

    Leer más »

    Angular se va extendiendo dentro de la comunidad de JavaScript como uno de los frameworks de referencia. Para trabajar de forma cómoda con él necesitamos apoyarnos en herramientas. Una de las más habituales es Batarang que nos permite analizar a detalle como se está comportando el framework.

    La herramienta se puede instalar como una extensión de Google Chrome . Han existido varias versiones y...

    Leer más »

    Es un hecho que hoy en día que los frameworks MVC de JavaScript están asumiendo más peso en los desarrollos. Hace un año las empresas eran reacias a abordar proyectos de cierta entidad apoyandose en ellos. Hoy la tendencia esta cambiando y muchas empresas están empezando a adoptarlos como parte de sus arquitecturas.

    ¿Cuantos frameworks MVC existen en JavaScript?

    Esta podría ser la pregunta de...

    Leer más »

    La necesidad de construir gráficas con JavaScript cada día aumenta más y es importante poder elegir un framework sencillo y a la vez potente para poder realizar estas tareas con seguridad. HighCharts es uno de los frameworks más conocidos el sector. Entre sus características principales destacan:

  • Javascript: Esta creado con JavaScript que es uno de los lenguajes más utilizados por parte de los...
  • Leer más »

    Todos usamos console.log para imprimir mensajes de Javascript por la consola.A veces pienso que es el comando de JavaScript que más se utiliza. Sin embargo console.log es la punta del iceberg a a la hora de usar la consola . Vamos a comentar algunas de las opciones más interesantes que tiene este objeto de Javascript.

    Niveles de Log

    La consola de JavaScript soporta varios niveles de Log que nos...

    Leer más »

    Sigue a Genbetadev