En el capítulo de hoy vamos a ver desarrollo web con JavaScript, el lenguaje de Scripting creado a mediados de los años 90 para dar más dinamismo a los sitios web y agilizar las comunicaciones entre el cliente y el servidor. Permite ejecutar código en la parte del cliente liberando de esa carga al servidor con todos los beneficios que ello conlleva.

Antes de continuar, si quieres contactar con nosotros lo puedes hacer a través del formulario de contacto, de Twitter y de Facebook. Recuerda también que tienes una lista de distribución a tu disposición a la que te puedes suscribir.

JavaScript no es una versión reducida de Java, aunque sus nombres se parezcan mucho y tampoco es lenguaje simple. Es un lenguaje interpretado y muy similar en la sintaxis a C++ o Java pero es debilmente tipado es decir, es menos restrictivo en cuestión de declaración de variables ya que no obliga a su declaración. Es un lenguaje orientado a objetos de una manera especial y su mayor virtud es que nos permite interactuar con el navegador (BOM) y con el documento HTML (DOM).

Hay tres maneras de insertar JavaScript dentro de un HTML:

En el propio documento HTML.
En el manejador de eventos.
En un archivo a parte.
Como ya hemos comentado el BOM (Browser Object Model) define una serie de objetos que nos permiten interactuar con el navegador como son Window, Navigator y Location. También existe el DOM (Document Object Model) que es la interfaz para permitir el acceso a los elementos de la página web como son las etiquetas, atributos y estilos.

Una de las tareas más importantes de JavaScript es el manejo y la utilización de los eventos. Los eventos son acciones que ocurren generalmente porque el usuario hace algo sobre un objeto como puede ser un click sobre un botón, elegir una opción de un despegable o mover un ratón. También existen eventos sobre los formulario como puede ser onSubmit, onReset y onChange.

Una parte fundamental para entender como funciona la web a día de hoy es entender AJAX (Asynchronous JavaScript And XML). Se trata de una técnica, no un lenguaje, que permite realizar peticiones HTTP al servidor desde JavaScript y recibir la respuesta sin recargar la página, de mono asíncrono.

Por último comentaros que existe frameworks que nos facilitan el uso de JavaScript en nuestro sitio web como por ejemplo jQuery y AngularJS de los cuales hablaremos en los siguientes capítulos.

Si quieres saber más sobre este lenguaje puedes ver los siguientes enlaces, donde detallamos más en profundidad aspectos técnicos de este lenguaje:

Introducción a JavaScript
Cómo comparar fechas con JavaScript
Recurso del día

CodePen

CodePen está pensado para diseñadores web y desarrolladores front-end. Es un editor de HTML, CSS y JavaScript en nuestro propio navegador que incorpora vistas previas instantáneas del código que vamos escribiendo. Es la herramienta ideal para ir aprendiendo tecnologías cliente como jQuery o AngularJS. Nos permite guardar nuestras creaciones y ver las del resto de usuarios. Es una aplicación para solucionar problemas, enseñar, aprender y probar.

Muchas gracias a todos por los comentarios y valoraciones que nos hacéis en iVoox, iTunes y en Spreaker, nos dan mucho ánimo para seguir con este proyecto.