JavaScript
Es conocido como lenguaje script o uno de los denominados lenguajes de scripting, por lo cual trata de código de programación que se inserta dentro de un documento, por lo general simples.
Los lenguajes tipo Script en los programas que realices, no es necesario ser compilados ya que los lenguajes de scripting son lenguajes interpretados. Javascript fue desarrollado por la empresa Netscape con el objetivo de potenciar la creación de paginas webs dinámicas para su navegador llamado; Navigator. JS es sencillo por lo que podemos insertar nuestro código dentro del HTML de la página haciendo que JS no sea independiente cuando se trata de webs ya que depende en su totalidad del código HTML.
JavaScript es sencillo en su uso y aprendizaje también de ser rápido, los resultados pueden ser satisfactorios para el programador ya que puede controlar lo que ocurre en la web y que permite hacer labores complejas como hacer programas que manejan estructuras de datos, por ejemplo.
¿Como podemos incluir JavaScript en una página?
Lo que debemos tener principalmente antes de comenzar.
- Si tienes windows, ya tienes lo necesario para trabajar con JS. Lo primero que debemos tener para trabajar o comenzar es tener un editor de texto el cual puede ser Visual Studio Code, o Sublime Text. Recuerda que hay otros editores que pueden ser mas comodos para ti de los nombrados que nos podrán facilitar más las cosas (Aunque Visual Studio seria la mejor opción)
- Si usas Linux esta Vim, Emacs, Visual Studio Code, pero si eres usuario linux ya sabras que usar..!
- Si no tienes pc no te preocupes con que tengas un celular no hay problema solo descarga esta app la cual es una de las que uso y es; Dcoder. Ahora que tenemos todo ya listo podemos seguir.
Para poder poner nuestro script y pueda integrarse en nuestra página del propio documento HTML solo tenemos que usar la etiqueta <SCRIPT> y siempre acabar al final de nuestro script cerrando la etiqueta </script>. También debe llevar el atributo type, además, siempre debe llevar text/javascript, todo esto de la siguiente manera.
1
2
3
<script type="text/JavaScript">
///Codigo
</script>
Y si queremos especificar una versión de JavaScript solo tenemos que poner
1
<script type="text/JavaScript1.3">
Esto puede servir para navegadores que no soportan la versión decodifican el Javascript.
1
2
3
4
5
6
7
8
9
10
<script type="text/JavaScript">
/// Hola!!
</script>
<!- indica principio de comentario en HTML
Hola!!
--> indica fin de comentario
/// indica comentario en Javascript
Ahora que sabemos como poner, y comentar nuestro codigo, ¿En qué parte seria buena idea insertar nuestro codigo en la web? Lo ideal seria que en la cabecera del documento que seria dentro de la etiqueta <head> ya que dependiendo de donde lo vayas a poner el codigo puede carga llegar a ser diferente por lo que siempre se recomienda que para mejorar la carga de nuestro codigo JavaScript es ponerlo dentro de nuestro head.
Creando nuestro primer “Hola mundo” en JavaScript
1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title>El primer script</title>
<script type="text/javascript">
alert("Hola Mundo!");
</script>
</head>
<body>
<p>Nuestro primer script</p>
</body> </html>
Ahora guardamos el archivo con cualquier nombre que quieras, yo le pondré standby con la extensión .htm, recuerda siempre la extensión de lo contrario no funcionara. Ahora que lo tengamos guardado solo tenemos que cargarlo en nuestro navegador solo tenemos que darle un par de clicks al archivo o poner en el navegador C: y despues pones la localización del archivo. Y listo nos saldrá una pequeña ventana con el mensaje (en mi caso) “Hola mundo” mientras en la página normal aparece el mensaje de texto “Nuestro primer script”
Antes de mostrarles el resultado, recuerden probar antes ya con la practica implementaran muy bien lo que vayan aprendiendo, por ejemplo, ¿Sabias que tambien puedes insertar codigo en el body? ¡Usa tus sconocimientos aprendidos y miremos que pasa!
Archivo externo
Podemos poner nuestro código JavaScript escrito en un archivo separado con la extensión .js lanzándolo en el documento HTML (En este archivo solo se coloca código JS) en pocas palabras o más entendible podremos invocar el archivo desde la web con el código:
1
<script> type="text/javascript"> src"archivo.js">
En un mismo documento de HTML podremos enlazar todos los archivos que sean necesarios, pero especificando cada uno de ellos con la etiqueta corresponde; <script> También como vemos además del atributo type deberá definirse el atributo scr para poner el archivo archivo.js
Con esto acabaríamos la primera clase de JavaScript, Gracias por leer y espero que hayan aprendido n.n