PROGRAMACIÓN EN JAVASCRIPT I Parte 1: Introducción a Javascript

PROGRAMACIÓN EN JAVASCRIPT 

PARTE I

1.1 Introducción a Javascript

Qué es Javascript y las posibilidades que nos ofrece.

1.1.1 Qué es Javascript

Javascript es un lenguaje de programación utilizado para definir interactividades con el usuario.

Tenemos dos vertientes:

 - Por un lado los efectos especiales para crear contenidos dinámicos y elementos que tengan movimiento, cambien de color o cualquier otro dinamismo. 

 - Por el otro lado responder a las acciones del usuario, páginas interactivas con programas como calculadoras, agenda, o tablas de cálculo, etc.

1.2 Algo de historia sobre Javascript

Conforme fue creciendo el Web el HTML se había quedado corto ya que sólo sirve para presentar el texto en página y poco más, por lo que surgió el Java, un lenguaje que había creado una manera de incrustar programas en páginas web. La programación de Applets fue un gran avance y Netscape (asociado con Java), por aquel entonces el navegador más popular, había roto la primera barrera del HTML al hacer posible la programación dentro de las páginas web.

1.3 Diferencias entre Java y Javascript

Java y Javascript son dos productos distintos.

Actualmente son productos totalmente distintos y no guardan entre si más relación que la sintaxis idéntica y poco más. Algunas diferencias son:

• Compilador. Para programar en Java necesitamos un Kit de desarrollo y un compilador.Orientado a objetos.

• Orientado a objetos. Java es un lenguaje de programación orientado

• Propósito. java es mucho más potente que Javascript, se pueden hacer aplicaciones de lo más variado, con Javascript sólo pòdemos escribir programas para que se ejecuten en páginas web.

• Estructuras fuertes. Java es un lenguaje de programación fuertemente tipado, podemos meter en una variable la información que deseemos, independientemente del tipo de ésta.

• Otras características. Java es mucho más complejo, potente y seguro, y tiene más funcionalidades que Javascript.

1.4 Antes de empezar

1.4.1 Usos de Javascript

Actualmente se ha vuelto una de las insignias de lo que se denomina la Web 2.0 y la experiencia enriquecida del usuario. Facebook, Twitter o Youtube usan javascript a raudales. Un ejemplo es cuando en la red social apretamos un enlace para comentar algo, se muestra en la página un pequeño formulario que aparece como por arte de magia y luego se envía sin salirse de la propia página. Otro caso sería cuando votamos por un vídeo de Youtube o cuando se cuentan los caracteres que llevamos escritos en los minipost de Twitter.

Javascript hace que una página web se convierta en un verdadero programa interactivo de gestión de cualquier recurso. Ejemplo claros son Google Docs, Office Online o Google Calendar.

1.4.2 Qué se necesita para trabajar en Js

Un editor de textos y un navegador compatible con Javascript.
Existen editores avanzados que tienen ayudas como colorear los códigos de nuestros scripts, etc. Entre otros están el Notepad++, UltraEdit y jEdit.

1.4.3 Conocimientos previos

Lo cierto es que no hace falta tener mucha base de conocimientos, no obstante, sería bueno tener un dominio avanzado de HTML y un conocimiento medio sobre CSS.

1.5 Versiones de navegadores y de Js

Con el tiempo también el HTML ha avanzado y se han creado nuevas características como las capas, que permiten maquetar los documentos.

1.6 Efectos rápidos con Js

1.6.1 Abrir una ventana secundaria

Podemos ver cómo abrir una ventana secundaria sin barras de menús que muestre el buscador Google:

<script> 

window.open("http://www.google.com","","width=550,height=420,menubar=no")

</script>

1.6.2 Mensaje de Bienvenida

Podemos mostrar una caja de texto emergente al terminarse de cargar la portada de nuestro sitio web:

<script> 

window.alert("Bienvenido a mi sitio web. Gracias...") 

</script>

1.6.3 Fecha actual

Script para mostrar la fecha de hoy:

<script> document.write(new Date()) </script>

1.6.4 Botón de volver

Un botón para volver hacia la página anterior del historial (si es que la hubiera):

<input type=button value=Atrás onclick="history.go(-1)">

En este caso la instrucción Javascript se encuentra dentro de un atributo de HTML, onclick, que indica que esa instrucción se tiene que ejecutar como respuesta a la pulsación del botón.