HTML5

Vamos a explicarte qué es exactamente el “HTML5”, que progresivamente se ha ido convirtiendo en una de las piezas fundamentales de todas las páginas web. Es una tecnología que en los últimos años ha ido ganando una importancia creciente, y que ahora pasa a ser la protagonista indiscutible después del fin de soporte de “Flash Player”.

Si estás navegando por Internet, viendo esta web o muchas otras, ya estás utilizando la tecnología “HTML5” aunque no lo sepas. También es posible que en ocasiones, hablando de seguridad o contenidos, también te encuentres con este concepto. Por eso, aunque sea algo sencillo, vamos a intentar explicártelo de la manera más entendible posible.

Todo lo que ves en Internet está programado con un código interno, y cuando accedes a una web, a tu navegador le llega este código, y lo traduce de forma visual para que veas lo que el creador de la web ha diseñado que puedas ver. Este código es el que decide la estructura de una página web, colocando sus diferentes elementos en los puntos correspondientes, y un fallo dentro de él hará que no se vea bien.

A estos códigos se les llama lenguajes de programación, y el lenguaje que se utiliza en la World Wide Web, el ecosistema de páginas de Internet, es el “HTML”. Su nombre son las siglas de HyperText Markup Language, que significa literalmente Lenguaje de marcado de hipertexto. Es el estándar con el que están programadas todas las webs, y aunque algunas puedan tener elementos o fragmentos programados en otros lenguajes, siempre tienen que ser “encajados” en el total con este lenguaje.

Pero Internet evoluciona, y el contenido que se sube a las webs también cambia con los años, lo que quiere decir que estos lenguajes pueden quedar obsoletos y necesitan ser actualizados. En 1999 se lanzó el estándar “HTML4”, y como imaginas, las páginas web ahora no tienen nada que ver con lo que eran entonces en cuanto a sus contenidos, y por eso desde hace unos años se está implementando el nuevo estándar “HTML5”.

Por lo tanto, el “HTML5” es la última versión del estándar “HTML” que se utiliza para crear las páginas web que estás visitando, e incorpora algunas novedades interesantes. Una de las notables, es darle cobertura a la reproducción de contenido multimedia, de forma que ya no tengas que ir a recursos de terceros como el obsoleto “Flash Player”.

 

JavaScript

“JavaScript” es el lenguaje de programación encargado de dotar de mayor interactividad y dinamismo a las páginas web. Cuando “JavaScript” se ejecuta en el navegador, no necesita de un compilador. El navegador lee directamente el código, sin necesidad de terceros. Por tanto, se le reconoce como uno de los tres lenguajes nativos de la web junto a HTML (contenido y su estructura) y a CSS (diseño del contenido y su estructura).

No conviene confundir “JavaScript” con Java, que es un lenguaje de programación muy diferente. La confusión proviene del nombre, registrado por la misma empresa creadora de Java (Sun Microsystems). “JavaScript” (JS) se creó posteriormente, y la empresa norteamericana lo que hizo simplemente fue cambiar el nombre que le habían puesto sus creadores al comprar el proyecto (LiveScript). El lenguaje de programación Java está orientado a muchas más cosas que la web desde sus inicios.

Con este lenguaje de programación del lado del cliente (no en el servidor) podemos crear efectos y animaciones sin ninguna interacción, o respondiendo a eventos causados por el propio usuario tales como botones pulsados y modificaciones del DOM (document object model). Por tanto, nada tiene que ver con el lenguaje de programación Java, ya que su principal función es ayudar a crear páginas webs dinámicas.

El código de programación de “JavaScript” se ejecuta en los navegadores, ya sean de escritorio o móviles, ya sean Android o Iphone. Sirve para exactamente lo mismo, da igual en el tipo de dispositivo que se ejecute el navegador.

“JavaScript” es capaz de detectar errores en formularios, de crear bonitos sliders que se adapten a cualquier pantalla, de hacer cálculos matemáticos de forma eficiente, de modificar elementos de una página web de forma sencilla. Pero también JS es el encargado de que existan herramientas como Google Analytics, Google Tag Manager, Facebook Pixel y tantas otras, que son claros ejemplos de “JavaScript”.

Existe una tecnología llamada AJAX que permite intercambiar información con el servidor sin tener que recargar la página. Es decir, sólo cargamos de la página lo necesario. Esta tecnología desarrollada en “JavaScript” ha supuesto uno de los principales avances en el desarrollo web. Aunque no la sepamos reconocer, es la encargada de que podamos conseguir más mensajes, tweets, emails…sólo pulsando un botón, sin tener que recargar la página.

CSS3

El Manual de “CSS3” introduce nuevas características de las especificaciones de Hojas de Estilo en Cascada nivel 3, “CSS3”, para definir el aspecto de las páginas web de una manera más avanzada.

Con “CSS3” hemos obtenido una una actualización importante en el estándar de definición de estilos para documentos “HTML”, que incluye características potentes, tanto para aplicar aspecto avanzado en elementos de una página como para ayudarnos a realizar una maquetación más precisa.

Este es un manual muy práctico, en el que iremos abordando diversas características de las “CSS” aparecidas recientemente, con artículos cortos en los que podrás encontrar explicaciones y ejemplos de cada una por separado.

El objetivo final es que los desarrolladores sean capaces de aplicar estilos a los documentos “HTML” de manera versátil, sin necesidad de hacks y facilitando la separación entre contenido y presentación. “CSS3” ya no es una novedad, sino una versión del lenguaje totalmente adoptada por los navegadores, que todo desarrollador debe utilizar en su día a día.