La consola del navegador
Empezar con JavaScript es fácil: todo lo que necesitas es un navegador moderno y las herramientas integradas para desarrolladores que tienen.
- Podemos usar Google Chrome y su Consola Web pulsando F12.
- También podemos usar Firefox, su Consola Web con F12 y su borrador con May+F4.
Para abrir la Consola Web, seleccionar [Mas herramientas > Herramientas para desarrolladores]. La Consola Web de Chrome es muy fácil de usar y muestra varias líneas. Es útil para ejemplos sencillos y nos ayuda con la sintáxis de JavaScript.
Para abrir la Consola Web, seleccionar "Consola web" desde el menú "Desarrollador web" que se encuentra en el menú "Herramientas" en Firefox. Aparece en la parte inferior de la ventana del navegador. A lo largo de la parte inferior de la consola está la línea de comandos que se puede utilizar para ejecutar JavaScript, y el resultado aparece en el panel de arriba:
La Consola Web es genial para ejecutar sencillas líneas en JavaScript, pero aunque se pueden ejecutar múltiples líneas, no es muy conveniente para esto, y no puedes guardar tus ejemplos de código usando la Consola Web. Así que para los ejemplos más complejos el Borrador es la mejor herramienta.
Para abrir el Borrador, selecciona "Borrador" desde el menú "Desarrollador Web", que se encuentra en el menú de "Herramientas" en Firefox. Abre una nueva ventana y es un editor que puedes usar para escribir y ejecutar JavaScript en el navegador. Puedes también guardar los scripts en el disco y cargarlos desde el disco.
JSLint y JSHint
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.
JSHint: 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“. JSLint no es una herramienta óptima ya que es bastante exhaustiva y da muchos falsos positivos.
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.
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.
