2.1 Herramientas de desarrollo

La mejor forma de aprender JavaScript es tecleando el código HTML y JavaScript en un simple documento de texto. Hoy en día existen múltiples editores, al igual que ocurre con HTML y CSS es preferible un editor sencillo pero que tenga funcionalidades entre otras: sintaxis con codificación de colores que resalte automáticamente en diferente color o tipos de letra los elementos del lenguaje tales como objetos, comentarios, funciones, variables, etc.

Windows : Notepad++, Aptana Studio, Bluefish, Eclipse, NetBeans.
Macintosh : Aptana Studio, Bluefish, Eclipse, KompoZer, Nvu.
Linux : KompoZer, Amaya, Quanta Plus, Bluefish, codetch, etc.

Otro elemento fundamental es el navegador web, recomendadas las últimas versiones para evitar problemas de seguridad e incompatibilidades. Una recomendación muy interesante es el disponer de 2 o 3 tipos de navegadores diferentes, ya que así podrás comprobar la compatibilidad de tu página web y ver si tu código fuente de JavaScript se ejecuta correctamente en todos ellos. Otro aspecto muy importante es la validación que nos ahorrará mucho tiempo depurando nuestro código en la detención de errores.

¿Dónde se ubica el código JavaScript?

JavaScript se puede ubicar en las secciones <body> y <head> de una página HTML, o en ambos, pero siempre el código JS debe ser insertado entre las etiquetas <script> y </script>. Además es una buena práctica decidir y mantener el código siempre en el mismo lugar.

Veamos el mismo ejemplo de JavaScript en <head> y en <body> respectivamente.

Imagen de creación propia de código JS en <head>

Imagen de creación propia decódigo JS en <body>

Existe una tercera opción, los scripts también puede ser insertados mediante archivos externos con extensión .js. Este método es práctico cuando se utiliza el mismo código fuente (js) en diferentes páginas web, pues evitar redundar código y mejora los errores. La sintaxis para incluirlo sería:

<!DOCTYPE html>
<html>
<body>
<script src="miScript.js"></script>
</body>
</html>