Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.
En el desarrollo de una página web se utilizan 3 lenguajes fundamentales, cada uno con un propósito diferente:
- HTML (HyperText Markup Language): Este lenguaje almacena el contenido de la página web, la información que se va a mostrar. También nos permite dar estructura a ese contenido.
- CSS (Cascading Style Sheets): Nos permite personalizar el estilo o la apariencia del contenido que hemos introducido con HTML.
- JS (Javascript): Es el lenguaje que nos ocupa. Nos permite dotar de interactividad y funcionalidad a las páginas web. Permite crear efectos, animaciones y responder a interacciones del usuario como clicks.
Cómo incluir Javascript en nuestra página web
El código Javascript debe ser escrito o referenciado dentro de un documento HTML.
Un documento HTML esta cómpuesto por etiquetas, que delimitan donde empieza y dónde termina un bloque de código. Aquí tenemos un ejemplo de la estructura básicda de un documento HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
Cómo puedes ver, muchas de las etiquetas abiertas en el código anterior deben ser cerradas explícitamente. Por ejemplo, la etiqueta <html> es cerrada con su correspondiente etiqueta </html>.
La etiqueta que contendrá la informacón principal que será mostrada en nuestra página web es la etiqueta <body></body>.
Cuando el código Javascript es escrito dentro de un documento HTML, se códifica dentro de las etiquetas script.
<script>
alert('hola mundo!');
</script>
Cuando es referenciado desde un documento HTML, el código javascript debe ser almacenado en un fichero con extensión .js. Escribimos la ruta al fichero js referenciado de la siguiente forma:
<script src="./ruta-al-fichero-js/fichero.js"></script>
Cómo se ejecuta internamente el código Javascript
El código Javascript que escribimos será interpretado por nuestro navegador web para que funcione. Por tanto, Javascript es un lenguaje de programación interpretado. Existen otros lenguajes de programación compilados, en los que el código que escribimos es transformado en otro código fuente que tiene el formato apropiado para la plataforma de destino.
Para ejecutar nuestro código javascript necesitamos:
- Un editor de código que puede ser:
- Un entorno de ejecución, cómo puede ser un navegador web.
Cuando queremos ejecutar en nuestro navegador una página web almacenada en nuestro ordenador, la url (Uniform Resource Locator) que se mostrará en la barra de direcciones del navegador comenzará por file:///. Sin embargo, si la página estuviese en internet, la barra de direcciones comenzaría por http://.
El depurador
El depurador es una herramienta que se encuentra a menudo integrada en nuestro navegador web (si utilizas firefox o chrome) y que nos facilita la detección y corrección de errores. Algunas acciones concretas que nos permite hacer para este fin, son:
- Inspeccionar los valores de las variables en un momento concreto de la ejecución.
- Ejecutar nuestro código línea a línea, para ver lo que está ocurriendo en cada momento.
- Detener la ejecución del programa en un punto concreto (para ello debemos insertar puntos de parada o breakpoints).