Curso JavaScript: Primer programa Hola Mundo

Ya que tenemos instalado el IDE Visual Studio Code, podremos crear nuestro primer programa en javascript.

Primer paso:

Crear un espacio de trabajo, por ejemplo podrías crear una carpeta "D:/Angular/javascript" para almacenar todos los programas que comenzaremos a crear.

Segundo paso: 

Luego en el panel de explorer del Visual Studio Code, crearmos el archivo: index.html

Selecciona nuevo archivo y le pones el nombre: index.html

Tercer paso:

Ya creado el archivo index.html, ahora vamos a crear una estructura html.

La estructura encerrada con la etiqueta <script> es la parte del javascript. En este caso tenemos la parte de javascript en la misma página html.

Ahora si abres la página creada verás que se ejecuta la parte del javascript

<script type="text/javascript">

        document.write("Hola");

</script>

Ejecutamos en la página.

SEGUNDA FORMA Y LA MÁS ADECUADA PARA PROGRAMAR

Trabajar el código HTML y Javascript en un mismo archivo, no están adecuado por lo que a partir de ahora separaremos, un archivo con el código HTML, y otro con el código Javascript.

Entonces creamos un archivo "programa.js"

Y procederemos a separar la codificación, quedará de la siguiente forma:

Estructura index.html

Cambios, se comentó (recuerda los comentarios en html van entre los siguientes símbolos)

 

<!-- Esto es un comentario en Html -->

 Y luego se incluyó la siguiente etiqueta, para anexar el archivo javascript independiente 

 <script src="programa.js"></script>

Estructura programa.js

En la estructura del archivo js, ya no es necesario incluir las etiquetas script, por lo que solo copiamos la instrucción javascript:

document.write("Hola");

y la salida es la misma que la primera forma, solo que es mejor estilo de programación.

CÓDIGO JAVASCRIPT, visto en este ejemplo:

document.write (): Uno de los comandos básicos de JavaScript es document.write. Esto imprime el texto especificado en la página. Para imprimir texto literalmente.

NOTA IMPORTANTE

El método document.write () solo debe usarse para pruebas.