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

JavaScript: Mejorando la programación

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: JavaScript: Mejorando la programación

JavaScript

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

Page 2: JavaScript: Mejorando la programación

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

Page 3: JavaScript: Mejorando la programación

Beneficios vs Costo

Page 4: JavaScript: Mejorando la programación

Beneficios vs Costo en entorno Mobile

Page 5: JavaScript: Mejorando la programación

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

Page 6: JavaScript: Mejorando la programación

Pruebas, pruebas, pruebas ..

Page 7: JavaScript: Mejorando la programación

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.

Page 8: JavaScript: Mejorando la programación

Registro de valores: Logging

Page 9: JavaScript: Mejorando la programación

Logging Cross - Browser

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

Page 10: JavaScript: Mejorando la programación

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

Page 11: JavaScript: Mejorando la programación

Utilizando la función log

Page 12: JavaScript: Mejorando la programación

Uso de Breakpoints en Firefox

Page 13: JavaScript: Mejorando la programación

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

Page 14: JavaScript: Mejorando la programación

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

Page 15: JavaScript: Mejorando la programación

Uso de frameworks de prueba

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

Page 16: JavaScript: Mejorando la programación

Más utilizados