2. Javascript

JavaScript (JS) es un lenguaje de programación interpretado, del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario haciéndolas dinámicas. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico. JavaScript fue inventado por Brendan Eich en 1995 y se convirtió en un estándar ECMA en 1997. ECMAScript 6 (publicado en junio de 2015) es la última versión de JavaScript.

Imagen en pixabay de copyrightfreepicture bajo licencia CC

¿Por qué aprender JavaScript?

JavaScript es uno de los tres idiomas fundamentales en el desarrollo web en el cliente, como hemos estudiado:

1. HTML define el contenido de las páginas web.

2. CSS especifica el diseño de las páginas web.

3. JavaScript programar el comportamiento de las páginas web.

Hoy en día casi todas las páginas web contienen JavaScript, que se ejecuta en el navegador web del visitante. JavaScript permite crear funcionalidades específicas en las páginas web y si por alguna razón es deshabilitado, el contenido o la funcionalidad de la página puede quedar limitada o no disponible.

Características

A continuación definimos algunas de las características más importantes de este lenguaje:

Dinámico: evalúa expresiones como expresadas como cadenas en tiempo de ejecución
Imperativo y estructurado: es compatible con gran parte de la estructura de programación (por ejemplo, sentencias if, bucles for, etc.)
Funcional: hace uso de las funciones, muchas de ellas ya programadas y disponibles en librerías.

Sintaxis y semántica: ejemplos

En este punto veremos algún ejemplo sencillo de desarrollo en JavaScript. Es importante saber que las variables en JavaScript se definen usando la palabra clave var y los comentarios van precedidos con 2 barras diagonales.

var x; // define la variable x, aunque no tiene ningún valor asignado por defecto
var y = 2; // define la variable y y le asigna el valor 2 a ella

Aunque desarrollar JavaScript requiere esfuerzo y tiempo, el objetivo es que al menos te familiarices con su sintaxis y conozcas algunas funciones usuales. Vamos a ver dos ejemplos, pero no olvides consultar la siguiente web: ejemplos JavaScript.

Imagen código primer JavaScript de creación propia

Vamos a crear un botón que tras pulsarlo nos muestre automáticamente la fecha y hora actuales. Si te fijas, asociamos el evento JavaScript con el atributo onclick del elemento button de html y hacemos uso de la función predefinida Date(). Para saber dónde mostrar el mensaje de la fecha hemos creado un párrafo con un identificador(demo) al que llamamos desde onclick.

Imagen en navegador después de hacer click de creación propia

Otro ejemplo muy usual es la creación de ventanas de aviso o alerta. Por ejemplo vamos a crear una alerta que salga tras hacer click en un botón. Se crea una función asociada al botón Pulsa con el atributo onclick.

Imagen código función alerta de creación propia

Imagen en navegador antes de hacer clic de creación propia

Imagen en navegador después de hacer clic de creación propia

Para saber más

Imagen en pixabay de StartupSP bajo licencia CC

Actualmente, existen numerosas y variadas formas de aprender JavaScript en Internet, aquí te presentamos unos tutoriales autodidactas donde las metas y el ritmo a seguir lo marcas tú. En primer lugar la página de referencia w3schools con los ejemplos (try it yourself), y el curso de CodeAcademy. Sin olvidar los video tutoriales que ofrecen los canales khanacademy, programalotu y jconde.

En el contexto de un sitio web, con Javascript puedes hacer todo tipo de acciones e interacciones. En un primer momento, se utilizaba para validar formularios, mostrar cajas de diálogo y poco más. Hoy es el motor de las aplicaciones más conocidas en el ámbito de Internet: Google, Facebook, Twitter, Outlook... absolutamente todas las aplicaciones que disfrutas en tu día a día en la Web tienen su núcleo realizado en JavaScript.