Controlando la calidad del CSS con CSSCop for Visual Studio!

Definitivamente el título les debe sonar muy familiar si leyeron el post anterior!
image

Asi es, hay forma de verificar la calidad del CSS que vayamos construyendo!
Para resumir el asunto el año pasado se definió un conjunto de reglas para determinar la calidad de los CSS, todo esto basado en performance, mantenibilidad, compatibilidad y otros aspectos muy interesantes.

Continue reading

Controlando la calidad del JavaScript con JSLint for Visual Studio!

Hola amigos!
Les cuento que tengo muchos post por publicar pero como diría Jack, vamos por partes!
Creo que el título explica el objetivo de este post, pero veamos, hace ya un tiempo que el gran Douglas Crockford (Maestro!!!) definió un conjunto de reglas y buenas prácticas (hasta libros!) de programación en JavaScritpt,  las cuales podemos verificar por una herramienta de control de calidad denominada JSLint. Les confieso que desde la primera vez que conocí este sitio quedé pegado!!!

Y como todo lo bueno debe evolucionar o ser mejorado por otras personas, gracias a la Galería de Visual Studio me encuentro con la extensión de JSLint para Visual Studio!!

image

Si bien es cierto de momento le dan soporte a Visual Studio 2010 esta herramienta es lo máximo!!
Por ejemplo, luego de hacer una corrida sobre la librería de jQuery nos encontramos con más de 300 observaciones!!

Continue reading

VS2010: Cobertura de Código

Hola a todos,
Posiblemente, luego de haber ejecutado sus pruebas unitarias hayan encontrado la siguiente opción:
image

La cual muestra la cobertura del código realizada al momento de ejecutar las pruebas unitarias, es decir, ¿qué tanto código es cubierto por nuestras pruebas?

Pues bien, si queremos conocer esta información, click.

Si luego se encontraron con esto:
image 
Al parecer falta configurar algo no? Asi es.

Veamos que pasos seguir.
Tal como indica la imagen, deben dirigirse a la opción
Test\Edit Test Settings\Local
image
Lo que encontrarán es la ventana principal de configuración de proyectos de prueba, la cual los invito a revisar de manera “curiosa”, por favor, sean cuidadosos =)
image 
En la sección Data and Diagnostics, encontrarán la seccion de cobertura de código:
image

En este caso, lo que debe hacerse es dar click para habilitar dicha opción, y notar que el botón Configure ha sido habilitado.
image

Solo queda un paso, click en Configure.
image

Seleccionamos el assembly que necesitamos para cobertura de código, click en OK y Aplicar para regresar a nuestro Visual Studio.
image
Volvemos a correr nuestras pruebas
image

image 

Al seguir estos pasos se encontrarán con:
image 
Ahora, como podrán notar dice 50% de cobertura. Si desean cubrir un mayor %, digamos… 100% pues, se tendrían que programar muchas pruebas, para lo cual, lo recomendable sería automatizar o generar pruebas de una forma mas sencilla. Si están interesados en ese aspecto, los invito a revisar Microsoft Pex =D.

Sin más me despido.
Muchas Gracias

@Jersson

StyleCop en VS2010

En esta oportunidad comentaré sobre StyleCop, como tal, una herramienta de Análisis de Código, con la particularidad de estar completamente orientado a buenas prácticas y estándares en C#.
Actualmente se integra sin problemas con el VS2010, pero si cuentan con versiones anteriores, tales como VS2005 o VS2008, no hay problema, de acuerdo a lo revisado, tambien funciona!

Al realizar la instalación agrega a nuestro menú contextual una opción de análisis, la cual podemos usar a nivel de proyecto o incluso desde la edición del código fuente.

image 
image 
Al ejecutar esta opción, de manera similar al resto de herramientas de análisis, se muestra un reporte de ejecución y cumplimiento de reglas.

image 
El menú contextual brinda las mismas opciones que el resto de herramientas analizadas, con la diferencia de contar con un archivo de ayuda (en formato chm) ya descargado.

image 
En general, esta herramienta me parece muy importante si es que vamos aprendiendo a programar en C#, ya que, a diferencia del resto de herramientas revisadas, esta es completamente orientada al lenguaje, aunque claro, dentro de poco existirá la versión para VB.net, asi que, todos contentos! =)

En esta ocasión no pude grabar por problemas logísticos (lease: mi sobrina destruyó el micrófono), pero bueno, espero les sirva este resumen.

Saludos
@Jersson

Code Analysis en VS2010

Pues bien, tal como indicamos en el post de analizadores de código, Visual Studio 2010 cuenta con una herramienta de Code Analysis de un comportamiento similar al mostrado en nuestro post de FxCop.
Sin mas, vamos al video!

Como siempre, me queda agregar que todo feedback es bienvenido =)

Muchas Gracias
@Jersson