JavaScript: Mejorando la programación

Post on 12-Jun-2015

444 views 3 download

description

Consideraciones para mejorar la programación JavaScript, como el uso de frameworks de prueba JsUnit o QUnit.

Transcript of JavaScript: Mejorando la programación

JavaScript

Elaborado por: Gary Briceño http://gary.pe

Browser y S.O.

•Las expectativas y necesidades de la audiencia objetivo •El porcentaje de mercado del browser •El trabajo necesario para soportar un determinado browser

Beneficios vs Costo

Beneficios vs Costo en entorno Mobile

Buenas practicas • Pruebas

• Análisis

assert ( condición, mensaje ) assert ( a == 1, ‘ Problemas, a no es 1’ )

start = new Date().getTime(); for (var n = 0; n < maxCount; n++) { /* perform the operation to be measured *// } elapsed = new Date().getTime() - start; assert(true,"Measured time: " + elapsed)

• Habilidades de depuración

Pruebas, pruebas, pruebas ..

Herramientas de depuración • Firebug una extensión

de Firefox • IE developer Tools,

incluido desde la versión 8

• Opera Dragonfly, incluido en Opera 9.5

• WebKit Developer Tools, incluido en Safari 3 y ahora disponible en Chrome.

Registro de valores: Logging

Logging Cross - Browser

Mayor información: http://patik.com/blog/complete-cross-browser-console-log/

Puntos de interrupción: Breakpoints

• Más complejo que el simple registro • Detiene la ejecución del script en un punto

determinado • Permite revisar el estado de las variables en

un determinado punto

Utilizando la función log

Uso de Breakpoints en Firefox

Generación de Pruebas

• Buenas pruebas generan buen código.

• Repetibles – Se deben ejecutar continuamente y producir el

mismo resultado

• Simples – Defe enfocarse en probar una idea

• Independientes – Debe ser probado en forma aislada

Frameworks de prueba

• Características – Habilidad de simular el comportamiento del

browser – Control interactivo de la prueba ( pausa y

continuar ) – Manejo de pruebas asíncronas – Habilidad de determinar que pruebas se realizaran

Uso de frameworks de prueba

Fuente: https://spreadsheets.google.com/pub?key=ry8NZN4-Ktao1Rcwae-9Ljw&output=html

Más utilizados