Fundamentos de JavaScript (parte II)
Veremos como iniciarnos y dar nuestros primeros pasos con JS. Si todavía no tienes claro qué es JS, revisa Fundamentos de JS (parte I) para ver la historia del lenguaje.
Para empezar, necesitaremos un IDE. Realmente, no es necesario como tal, pero sí que nos va a simplificar bastante el desarrollo. Para el desarrollo de JS, yo recomiendo VisualStudio Code.
En JS, inicialmente, no necesitamos nada más que un navegador para ejecutar nuestro código.
Para nuestro primer ejemplo, crearemos un fichero index.html, con el siguiente contenido:
<html>
<body>
<script>
console.log("Hello world");
</script>
</body>
</html>A continuación, debemos abrir el fichero con el navegador:
A primera vista, parecerá que no ha ocurrido nada, porque nuestra página, será una pagina en blanco. Necesitamos abrir las herramientas de desarrollo para poder ver nuestro mensaje.
Para ello, y depende de las configuración que tengáis de los accesos rápidos, pulsad F12 o Cmd + Mayúsculas + C (Mac) o Win + May + C o (en el caso de Chrome), seleccionar “Ver → Opciones para desarrolladores → Consola de Javascript).
Una vez hecho, veremos nuestro “Hello world” por la consola:
Ahora ya podemos empezar a desarrollar nuestros primeros ejemplo, como por ejemplo:
<html>
<body>
<script>let nombre = "Óliver";
console.log("Hello world " + nombre);</script>
</body>
</html>
Cada vez que queráis ver los cambios reflejados, tendréis que actualizar la página para verlos reflejados.
En los próximos artículos, veremos cómo ir ampliando nuestros conocimientos con JS.
Enlaces:
