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

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

2. 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

3. Beneficios vs Costo

4. Beneficios vs Costo en entorno Mobile

5. Buenas practicas
• Pruebas
assert ( condición, mensaje )
assert ( a == 1, ‘ Problemas, a no es 1’ )
• Análisis
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

6. Pruebas, pruebas, pruebas ..

7. 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.

8. Registro de valores: Logging

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

10. 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

11. Utilizando la función log

12. Uso de Breakpoints en Firefox

13. 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

14. 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

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

16. Más utilizados