| Entonces, ¿Qué es JavaScript? |
| JavaScript es un lenguaje de programación, con todas sus funcionalidades, que está incluido en todos los navegadores. |
| Nos permite manipular y modificar los elementos de la página sin necesidad de recargarlos. Es lo que llamamos, hacer la página dinámica. |
| Es un lenguaje interpretado. Para el que no entienda el concepto, existen dos tipos de lenguajes de programación atendiendo a su forma de transformar el código que escribimos en datos útiles para el ordenador. |
| Los lenguajes compilados son aquellos que, una vez escrito el código, se revisa y se pasa a código legible por la máquina. Entonces es cuando entran en ejecución. Hasta que todo el código no está libre de errores, no se puede ejecutar. |
| Un lenguaje interpretado no funciona igual. En estos lenguajes, cada una de las líneas, una a una y de arriba a abajo va siendo comprobada y ejecutada. Puede haber un error en medio del código y el programa será ejecutado hasta que se encuentre el error. El lenguaje compilado no generaría el código para su ejecución si encuentra algún error en la verificación del código (compilación). |
| ¿Para qué vamos a utilizar JavaScript? |
| En general, HTML Dinámico se utiliza para implementar aquella funcionalidad que afecta a la apariencia de la página (efectos de movimiento, cambios de diseño, menús desplegables...), y la validación de formularios, aunque admite muchos otros usos, dependiendo de la aplicación. |
| Ya lo comenté en un anterior tutorial. Javascript lo utilizaremos como tecnología de cliente (ejecutada en el navegador del usuario que visualiza la pagina Web). Javascript como tecnología de cliente es completamente independiente de la tecnología de servidor, en caso de que la haya. |
| Cuando se trabaja con tecnologías de servidor, hace falta tener acceso a un servidor Web. Pero como nosotros solo vamos a trabajar a nivel de cliente (navegador), solo necesitaremos para nuestros ejemplos, un navegador Web (mejor es tener al menos dos, pues como ya sabéis de otros tutos, la visualización final puede variar de uno a otro). |
| Para trabajar con Javascript en un entorno de dinamización de páginas Web, vamos a utilizar las mismas herramientas que usamos para codificar en HTML. |
| Necesitamos un editor de textos (podría valer el notepad o cualquier otro). El único requisito es que se almacenen los datos en formato texto sin codificar (WORD no vale) y que la extensión del fichero sea .html o .htm. De esta forma, ejecutaremos el código directamente en el navegador. |
| Dentro de una pagina HTML normal, definiremos nuestro código Javascript, separándolo del resto de sentencias HTML por las etiquetas < script >< / script >. |
| Estas etiquetas se pondrán una vez dentro de la sección < HEAD > para definir ahí dentro las funciones que usemos mas tarde (luego profundizaremos en el concepto de funciones). Y después, dentro del < BODY >, podremos utilizar el conjunto de etiquetas < script >< / script > tantas veces como queramos para incluir código javascript en cualquier parte. |
| Un modelo de ejemplo podría ser; |
 |
| NOTA: Las // denotan líneas de comentario, es decir, líneas que serán ignoradas cuando se ejecute el código y que solo sirven para hacer legible el código para el programador. |
| Para saber si nuestro código tiene errores, solo necesitaremos ejecutar el fichero .html o .htm en un navegador. A medida que vaya cargando la página, veremos los resultados. Si hay errores, se podrán ver habilitando las opciones necesarias en el navegador. Como son distintas para cada navegador, marcaré las más comunes, IExplorer y Firefox. |
| Para IExplorer, seguid las dos imagenes siguientes. |
 |
 |
| Para Firefox, |
 |
 |
| Bien. Ya estamos listos para comenzar a aprender a programar con javascript. Espero que los conceptos generales de este lenguaje de programación os hayan quedado claros. |
| Si teneis dudas, exponedlas en el link de debajo. |
Español
English
Página de Portada
